This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

change color link

Open 4 replies premiumthemetheme-vantage
rekeete
11 years ago · Last reply by Andrew Misplon 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. rekeete 11 years, 3 months ago

    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. Andrew Misplon Staff 11 years, 3 months ago

    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. rekeete 11 years, 3 months ago

    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. Andrew Misplon Staff 11 years, 3 months ago

    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.

Have a different question or issue?

Start New Thread