Countdown Widget Styling

[Melissa Jewett]

Hello!

We love the events calendar and all the features the plugins provide. We have several of the plugins, but post is about the countdown timer. We want to add one to our home page for holidays like Christmas and such. However, I’ve encountered a problem. I typically add a background image to the widget to help make it stand out. Our website is http://www.smcorridornews.com. From what I can tell, the countdown widget pulls the css for the body from the main theme settings. I’ve tried every CSS class, div and style tags I can think of, but it is not having any effect. I’ve used the firefox console to pull the widget div class, individual div classes and span classes, and got absolutely no response. I thought about adding it into the actual countdown file in the plugin package, but…it didn’t work either. However, I could have done it incorrectly as I was taught HTML and not PHP. Any suggestions?

Sincerely,
Managing Editor
SM Corridor News

[Geoff B.]

Good evening Melissa and welcome to the Events Calendar Support forum!

Thank you for reaching out to us and for your fantastic words.

We are sorry to hear about the struggles you have faced while trying to style our Countdown widget. I would love to help you with this topic.

Normally, you should be able to change the background of the widget by targeting the tribe-events-countdown-widget class.

If that does not work, it might be because some other CSS rule or your setting under Events -> Settings -> Display (Default stylesheet used for events templates) prevents it.

Either way, as a first troubleshooting step, could you please provide us with your complete system information in a private reply using the instructions found in the following link?

https://theeventscalendar.com/knowledgebase/sharing-sys-info/

Secondly, could it be possible to put the countdown widget in place somewhere on your site (and to send me the link), so that I can see what is going on ?

Best regards,

Geoff B.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts