Home>Support>change color link

change color link

I have the vantage premium, I made a child theme. I need to change the color of the links, hover, focus.. But I can´t . It doesn´t change. I have tried eveything. I write in my css
/* Links */
a{
color:#fff;
}
a:hover,a:focus,a:active{
color:blue;
}
And nothing … I have tried through the personalized options of the theme / General, Content Link Color and Content link hover color . And for more that I change it, it doesn´t change, is always blue and orange .
Please. help me ! I am desperate

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 10 months ago rekeete

    Ok. I have tried this
    /* Links */
    #main a { color: #dd3333; text-decoration: none !important; }
    #main a:hover { color: #2b1100; text-decoration: none !important; }

    and it works in the links that are in the body . But I need to change the color of the links in the footer. What can I use???
    Thank you.

  2. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi rekeete

    Glad to hear you’ve made progress here. You can set your footer link colors from Appearance > Customize > Footer.

    Hope that helps.

  3. 9 years, 10 months ago rekeete

    Looking at this further it doesn´t do what I need. This #main solution changes every link on my page, even the title of the blogs. I need to change just one specific link to be a different color (that is the class prv).

    Usually I would do this in my css
    .prv a { color: #4F5355; text-decoration: none !important; }
    .prv a:hover { color: #248cc8; text-decoration: none !important; }

    and this in my Html
    example

    But this doesn´t work. What can I do?

  4. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    If you haven’t done so already remove the following from Custom CSS:

    /* Links */
    #main a { color: #dd3333; text-decoration: none !important; }
    #main a:hover { color: #2b1100; text-decoration: none !important; }
    

    Then change your CSS to be more specific:

    .entry-content .prv a { color: #4F5355; text-decoration: none !important; }
    .entry-content .prv a:hover { color: #248cc8; text-decoration: none !important; }
    

    I can’t see from your example, where are you applying the .prv class?

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More