[Resolved] Site Title affected by css intended for

Home Forums Support Site Title affected by css intended for

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #347545
    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 */

    GeneratePress 1.3.48
    GP Premium 1.3.1
    #347649
    Leo
    Staff
    Customer Support

    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.

    #347671
    Gillian

    That’s worked – thank you

    #347672
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.