Can't Override CSS in Widgets

[Kray]

I am using Short Codes to use the List Widget in pages. For the life of me, I cannot seem to override the CSS for the link colors (Using custom CSS in Theme Options).

For example, even using !Important for .tribe-events-widget-link (the view more link) using a number of different ways won’t override the color.

So I tried copying the list-widget.php to mytheme/tribe-events/pro/widgets/
I can then override using inline styles and make the link red, but then the layout breaks for the widget (See attached)!

I’ve spent well over an hour simply trying to change the colors of my links in the widget (including changing everything in the Theme Customizer for Events Pro) and am getting really frustrated that something so simple is taking so long to figure out.

[Geoff B.]

Good evening Kray and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the challenges you have faced trying to style the calendar.
I would love to help you with this topic.

Typically, what you are describing can happen when the “Tribe Events Style” is selected under Events -> Settings -> Display. Switching that setting to anything else will make things much easier for you.

But even at that, you could most likely get around it simply with CSS or sometimes the Customizer: https://theeventscalendar.com/knowledgebase/wordpress-customizer/

I have not seen your changes. Alas, it seems that the screenshot you included did not make it somehow.

If you could resend:

1. The screenshots
2. An example URL of where that would be implemented
3. A copy of the latest version of your WordPress theme / child theme via a link to a .zip file link (stored Dropbox or Google Drive) so that I can run some tests on my end ? I recommend a private reply for that purpose.

   Please ensure you are using the latest files as found on your actual website.
   This way I will get access to any updates or customizations you might have made.

That would allow me to give you the best approach to achieve your goal.
Probably adding some ID in your template customization should suffice (ID has priority over most CSS rules).

Hang in there!

Geoff B.

[Kray]

This reply is private.

[Kray]

This reply is private.

[Geoff B.]

This reply is private.

[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