Someone else built my site and now we’re out of touch. I had someone else help to get the theme updated (my home page photo gallery all of a sudden stopped working and the theme update made that work again)
When he did that theme update it made one of the pages extremely hard to read – and now that person is not available to wok on my site for a few more weeks.
This is what i sent to the the theme support page:
Greetings,
I think my site uses your theme – the person who built and takes care of my site is not reachable currently but i think a recent update made one of my pages really hard to read
if you go here –
You’ll see that the wording is near impossible to read – i love the look and feel of the rest of my site but i don’t know how to make that 1 page easier to read.
and here was their reply:
At this time, may I recommend you try appending the below CSS snippet to your theme’s additional CSS section (Appearance -> Customize -> Additional CSS) and see if this works for you.
:root {
–tec-color-text-primary: #ffffff;
–tec-color-text-secondary: #ffffff
–tec-color-text-view-selector-list-item: #000000;
–tec-color-text-events-bar-input: #5d5d5d;
}
.tribe-events-c-top-bar__today-button {
color: #000000 !important;
}
I think i know where to paste that in, my question is – how does that CSS thing know to change only that 1 page….?
Any suggestions are appreciated.
Thank you
[ad_2]
because you use The Events Calendar plugin and these classes appear only on this page
As a temporary solution, until the other dev help, you can target the page ID.
For example:
.page-id-123 h1 {
color: #fff;
}
Repeat that for each of the elements you need to target on that page. H2, H3, p, span, a, etc.
I’m on mobile so can’t see what you’re working with and what selectors you need, but the above will work.