Need to cane the font and colour of my titles insigne events and widgets

[Kinnear]

Hi

I need to make the font regular (not bold) and the colour to #004259 on the side widget page url http://www.cire.org.au/about/

Same goes for the event titles (the font seems to be regular) just need to change colour to #004259 http://www.cire.org.au/event/fit-to-care/2017-04-18/

cheers

[Geoff B.]

Good evening Kinnear and welcome to the Events Calendar Support forum!

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

In order to gain full power on your site’s look and feel, I would highly recommend reading the following articles:

• https://theeventscalendar.com/knowledgebase/using-google-chrome-developer-tools/
• https://theeventscalendar.com/knowledgebase/changing-fonts-and-colours/
• https://theeventscalendar.com/knowledgebase/styling-events-widgets/

Try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

.tribe-mini-calendar-event .list-info h2 {
font-weight: normal;
color: #004259 !important;
}

Let me know how that goes.

Best regards,
Geoff B.

[Kinnear]

Thanks that worked a treat. I also want to change the colour of the event headers (post titles) which are currently green I need them to be the same colour #004259. Sorry I’m just a designer I don’t know much about CSS and I thought this plugin was would have had these sort of changes in the settings.

I also noticed that the Calendar header has a dark background with a hard coloured font. I looked through all the customize area and couldn’t find where to change it.

I have attached screen shots of both, the website url is http://www.ire.org.au

cheers

[Geoff B.]

Good evening Kinnear,

Thank you for taking the time to write back.

Sorry I’m just a designer I don’t know much about CSS and I thought this plugin was would have had these sort of changes in the settings.

Actually, there is such a feature (which it looks like you have bumped into). You can read about it here: https://theeventscalendar.com/knowledgebase/wordpress-customizer/

But, some basic CSS (based on the previously shared articles) will go a long way for anything the customizer does not support.

This is mostly due to the fact that every WordPress theme out there is quite different.

For example the green colour you are talking about is the one the Enfold theme sets for ALL H2 titles

Try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

#top.single-tribe_events .tribe-events-single-event-title {
color: #004259 !important;
}

As for the dark header, it looks like you have been able to find out what you are looking for.
But just in case, the rule is

.main_color .tribe-events-calendar th {
color: #004259 !important;
}

Cheers,
Geoff B.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts