Changing Side Panel Colours with CSS

[Darren]

Hello TEC,

Im just trying to change the default green used for sidepanel for single page events, to a purple colour. See screenshot for details. Although I made another style sheet (see here) and it looks like it should be working correctly, the default green still overrides the purple, as seen in the developer tools screenshot.

I think I’ve followed the right method according to the Themer’s Guide, but I can’t get this to work. Any help would be appreciated.

Thanks!
Darren

[Geoff B.]

Good evening Darren and welcome back!

Thank you for reaching out to us.
I would love to help you with this topic.

There are 2 things that will help you out:

1. You actually do not need to create a CSS file in the tribe-events folder. You can just add the CSS rules to your theme’s normal CSS file. Doing that will give your CSS rule a higher priority.
2. If that rule still doesn’t work, I recommend adding !important at the end of it. This will give your custom CSS rule priority over any other rule.

.single-tribe_events .sidebar .tribe-events-single-section-title {color:#bc3671 !important}

Let me know if that helps.

Have a great day!

Geoff B.

[Darren]

Thanks Geoff,

The second rule worked a trick!
I really appreciate the fast reply and helpful service. Cheers!

Darren

[Geoff B.]

Hey Darren,

Congratulations on fixing this! Kudos!

I’m glad it worked out for you and thanks for the kind words.

You are welcome back on our support forums any time 🙂

For now, I am going to close this thread.

Have a great week!

Geoff B.

[Author]

Posts