Modern Events Calendar colors

Hi,

I’ve been digging into Modern Events Calendar and the black text is unusable on my site.

I’ve managed to change the description text using the CSS area provided in the calendar interface using this:
.mec-single-event-description p {
color:rgb(94, 94, 94);
}
But I can’t gain any control over titles with this:
.mec-single-event-title {
color:blue!important;}

Actually any CSS that works on titles would be great. Clearly I’m missing something.
Thank you.

Hello @djguitar,

Thanks for asking. :slight_smile:

Have made the necessary changes by adding following code in Modern Event Custom CSS:

h1.mec-single-title {color: #11487f;}

Please check at your end and let us know your feedback.

Thanks.

That’s great, thanks. I’ve managed to make more changes thanks to your example.

Now I’m having trouble figuring out how to apply similar font styling options to the main event calendar page as seen here: http://development.2hatscreative.com/workshops/

Naturally I’d like to be able to get rid of the black test once again, but other css controls would be nice too.

Thanks!

Hi there,

As for the main event titles, please try this one

h4.mec-event-title a {color: #11487f;}

It has a link, applying the color directly to the headline element has no effect. It should work :slight_smile:

Thanks!

Thanks for the quick reply. Unfortunately this had no effect.

FYI, I’ve moved the CSS out of the designated MEC style area and into the customizer’s “additional CSS” area as this works just as well and gives a preview while working with it.

Hi there,

I checked and not your main events looks different, it’s now displaying h3 instead of h4. In that case, please try this

h3.mec-event-title a {color: #11487f !important;}

Thanks!

Great, thanks. I hadn’t tried the !important with this one. That did it.
:slight_smile:

Glad it worked, and you’re welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.