How to Centre my HTML countdown clock

I am trying to add a Count down clock using the following link

<iframe src="https://free.timeanddate.com/countdown/i9n1gp6y/n136/cf100/cm0/cu4/ct0/cs1/ca0/co0/cr0/ss0/cacfff/cpc000/pct/tcfff/fs200/szw320/szh135/iso2025-01-19T00:00:00" allowtransparency="true" frameborder="0" width="320" height="135"></iframe>

But I just can not centre it. See attached Image.

Please help!

Driving me crazy!

@CorinneJ Hi! Can you share the URL of the page so I can take a look? 

Thank you for your reply, I have now found a way to centre it using a different ink

<script>(function(d, s, id) { var js, pjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//www.tickcounter.com/static/js/loader.js"; pjs.parentNode.insertBefore(js, pjs); }(document, "script", "tickcounter-sdk"));</script><a data-type="countdown" data-id="6142814" class="tickcounter" style="display:block; left:0; width:350px; height:88px; position:relative; 

But my probably now is sizing for mobile, I want it huge on my desktop page but to fit the screen on mobile 😕

My website link is https://www.dancersincworld.com/training

On 11/18/2024 at 11:22 AM, CorinneJ said:

Thank you for your reply, I have now found a way to centre it using a different ink

<script>(function(d, s, id) { var js, pjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//www.tickcounter.com/static/js/loader.js"; pjs.parentNode.insertBefore(js, pjs); }(document, "script", "tickcounter-sdk"));</script><a data-type="countdown" data-id="6142814" class="tickcounter" style="display:block; left:0; width:350px; height:88px; position:relative; 

But my probably now is sizing for mobile, I want it huge on my desktop page but to fit the screen on mobile 😕

 

My website link is https://www.dancersincworld.com/training

I think counter is already fine on mobile

If you want to increase size on desktop, use this to Custom CSS box

@media screen and (min-width:768px) {
a.tickcounter {
    width: 700px !important;
}
}