[Resolved] Site Title affected by css intended for

[Gillian]

Hi

I’ve just purchased GP Premium and am trying to get to grips with all the customisations etc. I have Elementor Pro as well and am just getting to grips with it all

I set some css in ‘Additional CSS’ which was supposed to make all links which appear in my main content have a background and no text decoration and to reverse color schemes on hover. It’s working fine in the main page content but it has also impacted on the site title in the header which is now showing my link color scheme, but on hover shows my hover link background but the text is in the colour I’d chosen for site title rather than the hover text colour.

What do I need to do to stop the Site Title being impacted by css for <p>? I’ve put the css I’ve used below.

/* This sets links in content to have a background colour and no text decoration */
p a:link {
text-decoration: none;
background-color: #ffe6e6;
color: #cc0000;
}

p a:visited {
text-decoration: none;
background-color: #ffe6e6;
color: #cc0000;
}

p a:hover {
text-decoration: none;
background-color: #cc0000;
color: #ffe6e6;
}

p a:active {
text-decoration: none;
background-color: #cc0000;
color: #ffe6e6;
}
/* End p link code */

[Leo]

Hi there,

Try adding .site-content selector in front of everything like this:

.site-content p a:link {
    text-decoration: none;
    background-color: #ffe6e6;
    color: #cc0000;
}

Let me know.

[Gillian]

That’s worked – thank you

[Leo]

No problem!

[Author]

Posts