Change link unvisited, hover, and visited colors ONLY in posts

  • I am using the SuperMag theme and want to change the unvisited, hover, and visited colors ONLY in posts. I want it to be something like this:
    Unvisited: dark blue color
    hover: pink
    visited: red

    Right now, the unvisited link is black just like the rest of the text, the hover color is red.

    I don’t understand codes. Please do help me. Visit my site lifeinkudla.com and tell me exactly what code to insert and where.

    I did try inserting code in found in W3school in Custom CSS, but that changed colors of links sitewide, and I don’t want that. I want to change them in POSTS ONLY.

    Please do help. Thanks in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Lisa

    (@workingwebsites)

    If I understand your question, you want to change links within the post text, but not elsewhere on the page.
    Correct?

    If so, the post is in a div with a class of ‘post’.
    The post content is within a div with the class ‘entry-content’.
    You need to tell the style sheet to change the colour of links within those classes.

    So, in the Edit Theme (style.css) file, try adding the following:

    .post .entry-content a:link {
    color: #1064b1;
    }

    .post .entry-content a:visited{
    color: #b1102b;
    }

    .post .entry-content a:hover {
    color: #bf7581;
    }

    This should change all the links within the content. However, it will also change any ‘Read More’ links because it’s within the content as well.

    To change that back, try:

    a.read-more {
    color: #fff;
    }

    Of course you can change the actual colours to what you want.

    Hope this helps.

    Thread Starter lifeinkudla

    (@lifeinkudla)

    Gosh … thanks a lot … it has helped a lot. ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change link unvisited, hover, and visited colors ONLY in posts’ is closed to new replies.