UPCOMING EVENTS – Widget

[ravichandraraja]

Hi Team,

Could you please let me know the Option to change the text color of UPCOMING EVENTS – Widget? Its not matching with my theme text color.

Thanks,
Ravi

[Jonah]

Hi ravichandraraja,

You would need to apply some custom CSS styling to the widget to get it to match your theme’s color. The base class selector for the widget is .eventsAdvancedListWidget – using that you can style whatever you want in the widget.

Does that help?

– Jonah

[ravichandraraja]

Hi Jonah,

This CSS in my theme or in events.css? Could you please write me the location and piece of code to be added? I am not too technical.

Thanks,
Ravi

[Jonah]

Hi ravichandraraja,

You would want to put the CSS in your theme’s style.css file. You could add something like this for example to affect the color of the links:

.eventsAdvancedListWidget .event a {
color: red;
}

The styling possibilities are limitless. If you’re not familiar with CSS, I suggest taking a look at some tutorials online to learn more. Good luck!

– Jonah

[ravichandraraja]

Hi Jonah, Thank you so much!! I could see the link colors changed but the time remains in gray color. Please advise.

Thanks,
Ravi

[Jonah]

Hi ravichandraraja,

You can target the time via:

.eventsAdvancedListWidget .when {
color: red;
}


[ravichandraraja]

Thank you Jonah. Its fixed.

[Jonah]

Excellent to hear ravichandraraja! Let us know if you need help with anything else.

– Jonah

[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