How to change the font color in the short code

To change font colors and customize Event Espresso shortcodes, you can use the following CSS:

1. Change All Event Text Color

article.espresso_events {color:#FFFFFF;}

This code changes the color of all event text to white.

2. Change Homepage Event Text Only

.home article.espresso_events {color:#FFF;}

This code targets only the homepage event text.

3. Customize or Remove Event Title

Wrap the shortcode in a div with a custom class:

<div class="my-super-class">[ESPRESSO_EVENTS]</div>

Then style the header within that div:

.my-super-class h1 { color: green; }

You can also add a class directly to the column if your theme allows for more control.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us