change title bar font color

[George]

Hi guys, can you please let me know the CSS that I can add to title bar color. Right now its too dark.

Thanks

[Courtney]

Hello George

I’d be happy to take a look. Could you send me a link to the exact page this is happening on?

Thanks
Courtney 🙂

[George]

Hi Courtney.

Here is the link
http://lakesareachamber.com/events/

I have installed a child theme and I would like to place the code there?

[George]

This is what I entered in my child theme style.css file (pic attached)

[Courtney]

Hello George

Can you add the following code to your child theme, or in Appearance » Customize » Additional CSS?

.tribe-events-calendar thead th, .tribe-events-grid .tribe-grid-header .tribe-grid-content-wrap .column, .tribe-grid-header {color: white !important}

Let me know if this works for you.

Thanks
Courtney 🙂

[George]

That worked, Thank you Courtney!

One more question…

Is there an easy way to change all the Grey (in the picture attached) to a blue like this #0c71c3?

Thanks!

[George]

Also, I tried the Customizer and nothing happens (pic attached)?

[Courtney]

Sorry George, can you send me a link to the widget location specifically? I’m not seeing it when I visit the earlier links to your site.

Thanks
Courtney 🙂

[George]

Yes, sure here is the link

Lakes Area Chamber of Commerce

Thanks!

[Courtney]

Hi George

Can you add the following code to your child theme, or in Appearance » Customize » Additional CSS?

.tribe-mini-calendar thead, .tribe-mini-calendar-event .list-date, .tribe-mini-calendar .tribe-events-present {
background-color: #0c71c3;
}

.et_pb_widget a {color: #0c71c3 !important;}


Let me know if this works for you.

Thanks
Courtney 🙂

[George]

Thank you Courtney!

Also, please let me know how to change the color of the title bar and color on the calendar date box – please see attached picture

I appreciate your help!

[George]

sorry, here is the pic

[Courtney]

Hi George

with this code (notice I added a line)

.tribe-mini-calendar thead, .tribe-mini-calendar-event .list-date, .tribe-mini-calendar .tribe-events-present {
background-color: #0c71c3;
}

.et_pb_widget a {color: #0c71c3 !important;}

.tribe-mini-calendar .tribe-events-has-events div[id*="daynum-"] a::before {
background-color: #0c71c3;
}

I am seeing the areas you want in the shade of blue.

Can you be sure to clear any server cache, local browser cache, etc.? That may impact what you are seeing.

Thanks
Courtney 🙂

[George]

Hi Courtney.

The screen shot you have is exactly what I wanted, thank you!

However, it is still showing Grey on my end. I also tried it from another computer. I did clear all cache. Now sure what else to do?

Thanks!

[George]

Hi Courtney, just wondering if you had a chance to take another look at this?

Thanks!

[Author]

Posts