Event Title not respecting color settings in list view

Hi @jbryden530 ,

Thank you for reahing out.

I can see you’re using Siteground Optimizer. I suspect its resource files optimization is what’s causing the conflict here. As such, kindly have a look at our SiteGround’s Speed Optimizer knowledgebase article for the tweaks you may need to do and make sure to purge the cache when you’re done.

Thanks @tristan083 .

I disabled the “minifi java” and css and the behavior persisted. I disabled site optimization completely and it still occurred. This tells me it might not be that optimizer?

I excluded the url’s below from caching, and this issue persisted.
/events/*
/event/*
/wp-content/plugins/the-events-calendar/(.*).css
/wp-content/plugins/the-events-calendar/(.*).js

Is there any other place that this text could be coming through?

Hi @jbryden530 ,

You can override the color of the title with custom CSS rule.

Please add the following CSS rule to wp-admin >> Appearance >> Customize >> Additional CSS:

h3.tribe-events-calendar-list__event-title.tribe-common-h6.tribe-common-h4–min-medium a {color: #81d742;}

Does it help?

Best regards,
Marta

Hi @iammarta , thank you for the response.

I am not to good with manual editing of CSS. When I add the custom line to the CSS it says : Markup is not allowed in CSS.

I think I need to put it in the code properly with a wrapper or something but I do not know how to do that. I looked through the CSS and don’t see any other lines like that to copy or use as an example.

Do you know where I should add the line or how to add it without getting errors? ??

Thank you,

Hi @jbryden530

Could you please share a screenshot that highlights where you are adding the provided CSS code?

Also, try adding the CSS to your site using the WP Code plugin, as explained here, and see if this works,

https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/#custom-css-using-plugin

I have also pasted the same CSS in a dedicated code block to prevent accidental inclusion of markup when copying and pasting,

h3.tribe-events-calendar-list__event-title.tribe-common-h6.tribe-common-h4–min-medium a {
    color: #81d742;
}

Let us know if this helps.

Hi masoodak and iammarta? ,

I copied and pasted the code into Additonal CSS but it doesn’t change anything for me. May I ask if there should be some spaces in the following string or if anything else is amiss?:

h3.tribe-events-calendar-list__event-title.tribe-common-h6.tribe-common-h4–min-medium

Thanks!

Hi @jbryden530 ,

Could you please share a screenshot showing where you added the CSS rule we provided?

Best regards,
Marta

I put the line at the bottom, you can see when i publish it says markup not allowed.

Hi @jbryden530 ,

There appears to be a lot of incorrect and unsupported code inside your Additional CSS section, which is preventing the CSS rule from being applied properly.

You can use the WPCode plugin to add custom CSS, following the instructions here: https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/#custom-css-using-plugin.

Best regards,
Marta

Hi there,

I hope you’re doing well. I just wanted to touch base and check in with you. It’s been a little while since we’ve heard from you. I was just curious if you had the chance to try out the recommendation provided above.

Let me know if there’s anything I can assist you with.

Hi Darian,

No one has repled to my post. As I said in it, I added the code suggested by masoodak but it didn’t change anything. I also asked whether the long string in the suggested code was correct but got no answer on that, either.

Thanks for asking.

Hello @d0153 & @iammarta. I did not respond because nothing works ?? I added the CSS as a code snipit and nothing changed. This seems like a basic issue but no one knows how to resolve it, it seems like an compatibility issue with The Event Calendar and wordpress CSS. Here is the code snipit that does nothing.

New update – it is definitely in the CSS. I disabled site optimizer but I think it is still doing something and causing issues. That color 141827 and RGB code are the text color. Where is this setting in WordPress?

Hi @thosrecht

Please open a new thread and provide all the details of the issue you’re encountering. Also include the URL of the page where we can check the issue. This is for us to follow the WP Forum guidelines.

@jbryden530

Could I ask for a screenshot on what color you set for the event title from Appearance > Customize > The Events Calendar > Global Elements? If it’s already in green, then the issue is related to your Siteground Optimizer since I still see the #141827 from your CSS code that was cached. Please try disabling Siteground Optimizer and see if that resolves the issue.

In global elements the color is set to green #81d742.

Maybe you didn’t read above, but I disabled the optimizer and it does the same thing.