Center Countdown Widget

[bkeller49]

Hi I’m using the countdown widget and I’m trying to get it to center. I’ve perused the forums and tried both:

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

as well as:

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

neither work.

the site is carleton71.org

Thanks for your help,

Bob Keller

[Geoff]

Hello Bob,

Give this a shot:

div.tribe-countdown-timer {
display: inline-block;
}

Will that do the trick for you? Please let me know. 🙂

Cheers!
Geoff

[bkeller49]

Thanks Geoff, but unfortunately that didn’t work.

Bk

[Geoff]

Hi Bob,

Hmm, it seems to work both on my test site and when using DevTools to test on your site (screenshot).

Perhaps you can try this:

div.tribe-countdown-timer {
display: inline-block !important;
}

Another possibility would be this:

div.tribe-countdown-timer {
display: inline-flex !important;
}

Hopefully those one of those three tested options will work!

Thanks,
Geoff

[Geoff]

Hi Bob,

It looks like my last reply was marked as the correct answer, but I wanted to follow up and make sure you didn’t have any other questions about centering the countdown widget before closing this thread. Is everything there good?

Thanks!
Geoff

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts