CSS issue with read more button in the events calendar loop

[Per]

Hi
I am having issues getting CSS to stick on the main events calendar loop.

The read more button has black text on a blue background and I want to change the text to white

See here: http://185.14.187.84/kurs/

It works fine on the events subcategories.

See here: http://185.14.187.84/kurs/category/marienlyst-skole-svommekurs-barn-og-voksne/

The button reads “Les mer”. The CSS I am using at the moment is:

a.tribe-events-read-more {
background-color:#227BC0;
color:white;
padding:5px;
border-radius:6px;
}


Regards

[Cliff]

Hi. Your white text color is active on both sites, but the white color at http://185.14.187.84/kurs/ gets overwritten by http://185.14.187.84/wp-content/uploads/headway/cache/general-364705e.css

I’m not sure where that CSS is actually coming from, but that should hopefully point you in the right direction.

[Per]

HI Cliff
Thanks for your response 🙂

I had checked the CSS file you mentioned before I posted the help request….the selector there is set to white too…
Any way I fixed the issue by adding “”!important”” to the colour rule.

So issue resolved 🙂

[Cliff]

I’d suggest using a more specific CSS selector instead of !important, but I’m glad you got the result you wanted. Thanks for letting me know.

[Author]

Posts