Change color of monthly events link

Hi @elpeyo,

Thanks for reaching out!

We have a really handy guide for Basic font and color changes in our knowledge base.

Hope that helps!
Ed

Thank you first for the link Erishel;
however, I input that i found on the guide :

#tribe-events h2 {
????color: white;
}

And the answer before save in the custom css panel, is :
“Unknown property ‘ color’ ”
…
is something scary replace “color”?

• This reply was modified 6 years, 11 months ago by elpeyo.

error

• This reply was modified 6 years, 11 months ago by elpeyo.

Hey @elpeyo,

Sometimes CSS overrides for The Events Calendar don’t always work when added into your custom CSS area.

I suggest creating a CSS file that overrides your styles → https://theeventscalendar.com/knowledgebase/themers-guide/#customizingstyles

The file path will look like → wp-content/themes/YOUR_THEME/tribe-events/tribe-events.css

Hope that helps!

Hello Erishel,
tried in the css (tribe-events.css)
the code:
.post-type-archive-tribe_events {
???? color: #fff;
}
.tribe-events-page-title {
???? color: #fff;
}
do not act.

With the inspector (chrome or safari) the name of the element to modify seems one of the two above: where is the error?

I have done what you told me :
– a child theme;
– a repertory (events calendar) in the theme;
– a css sheet inside;

• This reply was modified 6 years, 11 months ago by elpeyo.
• This reply was modified 6 years, 11 months ago by elpeyo.
• This reply was modified 6 years, 11 months ago by elpeyo.
• This reply was modified 6 years, 11 months ago by elpeyo.
• This reply was modified 6 years, 11 months ago by elpeyo.

Try:

.tribe-events-page-title h2 {
     color: #fff;
}

or

.tribe-events-list h2.tribe-events-page-title {
     color: #fff;
}

Tried yours two propositions, not run.

Tried after :
.tribe-events-month h2 {
color: #fff;
}

no run ;

.tribe-events h2 {
color: #fff;
}

no run.

suspecting category display, because only the first call in the menu “dates” get the wrong black color, tried :

.tribe-events-category h2 {
color: #fff;
}

No more ??

Is the pro version able to resolve this ?

Thank you Ed for help !

Hey @elpeyo,

Those actually appear to be links. One more idea is to try to append a after h2.

.tribe-events-page-title h2 a {
     color: #fff;
}

No, our pro version only adds more functionality, not styling options.

Thank you for your perseverance, Ed!

it does not work.

I think that the option of the theme: dark or clear, in the presentation options, wins. Maybe by acting on the links, with or without hovering?

I am confused !

Well, that pretty much leaves 2 scenarios.

1: Your theme is actually setting the colors for The Events Calendar elements. You could search the theme’s stylesheets to determine if this is what’s going on.

2: The CSS isn’t actually being overridden. I would definitely try to override The Events Calendar styles themselves (wp-content/themes/YOUR_THEME/tribe-events/tribe-events.css)

Hope that helps!

Hey there! This thread has been inactive for a while so we’re going to go ahead and mark it Resolved. Please feel free to open a new thread if any other questions come up and we’d be happy to help. ??

Thanks
Courtney ??

Thank you for your attention and your reminder.
No, it’s not solved. I just gave up, wishing I’d taken that plugin, taken and paid for it.
I’m not a developer, just a designer, and it gets complicated. It’s not very important, a black title on a black background, but I like what is well finished, I’m surprised that the resolution is not known or within keyboard reach for specialists. I’m thinking of changing to another extension soon.

Hi, the last update, Version 4.6.19, few minutes ago, resolve the problem.
https://castanha-e-vinovel.fr/events/categorie/tous/
We can see now white letter on black background, that we try to display since two months.
Thank you.

• This reply was modified 6 years, 9 months ago by elpeyo.