Countdown timer widget: How to center the div containing the countdown timer

[Caroline]

I want to add the countdown timer widget to the homepage of my website, but I’m having trouble centering the div containing the countdown timer.

I tried this:

#homepage-widget div.tribe-countdown-timer {
margin: 0 auto;
}

but it didn’t work. Any suggestions?

[Brian]

Hi,

Thanks for using our plugins. I can help out with this.

Do you have a link you can share for this and I can take a quick look and offer some suggestions to get this to center.

You can share the link in a private reply if you like.

Let me know.

Thanks

[Caroline]

This reply is private.

[Brian]

That was is a little tricky because of the content constantly changing for the countdown.

I was able to get this css to work:

.widget.tribe-events-countdown-widget {
width: 345px;
margin: 0 auto;
}

See if that works for you.

Thanks

[Caroline]

Yes, that worked for me too. Thanks so much!

[Brian]

Great, glad it helps, I am going to go ahead and close this ticket, but if you need help on this or something else please post a new ticket.

Thanks!

[Author]

Posts