Featured Events – Styling

[Tony Bell]

Hi Folks,

Loving the latest upgrade, especially the integrated Featured Events. I have an issue with styling though, using the standard Event Widget we display featured events down the right hand side of our website.

With just a Featured Events category selected (the old workaround) the widget looks like that shown in Feat1 (Attached). If I simply tick the new Featured Event box and nothing else the widget looks like Feat2.

Given our site colours are purple and white the blue jars a little! Somewhere there will be a bit of styling code that I need to amend, I just can’t find it!!

Thanks in advance.

Tony

[Tony Bell]

Just spotted that it is any event ticked with the new Featured Event option that appears with a blue background. I am in the middle of marking our work-around events with the new feature so it is a great help to me in knowing which ones are marked correctly !! Unfortunatelt I still need to change the background colour!

Tony

[Nico]

Hi there Tony,

Thanks for getting in touch with us! I can help you on this 🙂

The CSS code needed to change this can be found in this article → Featured Events. You can also tweak this from the customizer!

Please let me know if this helps,
Best,
Nico

[Tony Bell]

Thank you for your help Nico but I had already tried using that CSS snippet in customizer, I don’t think it works like you had hoped! I added the following code:

.type-tribe_events.tribe-event-featured {
background-color: #990099;
}

to turn the background purple but just got a blue background and a purple underline… see attached

[Nico]

Thanks for following up Tony!

No need to paste the CSS in the customizer, there’s actually an option for this → https://cloudup.com/cjxCQmZsHRR

If that doesn’t work then maybe the theme is preventing this change in some way. Then just leave the option as ‘default’ in customizer and try to adjust the snippet to:

.type-tribe_events.tribe-event-featured {
background-color: #0ea0d7 !important;
}


Does that work? In case it’s not working, Can you please link me to a place where I can see this in action?

Thanks,
Nico

[Tony Bell]

Thank you Nico – that works perfectly.

[Nico]

You are welcome Tony! Stoked to hear this worked for you 🙂

I’ll go ahead and close out this thread, but if you need help with anything else please don’t hesitate to create a new one and we will be happy to assist you.

Best,
Nico

[Author]

Posts