WordPress.org

Support

Support » Themes and Templates » Changing link colors and underlines

Changing link colors and underlines

  • Hello. I am using the default wordpress blog. I would like to make my post links underlined and a lighter color like this guy does here:

    http://www.afternic.com/roger/

    His post links are underlined and then the line disappears when you hover. Also the home link he made on the side does the same. All his other links are just like the template.

    How can I do this too? I think it will invlove editing the .css file which I can do I just would like to know which lines to hit and how.

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • a, h2 a:hover, h3 a:hover {
    color: #06c;
    text-decoration: none;
    }

    a:hover {
    color: #147;
    text-decoration: underline;
    }

    Links are the ‘a’ lines.

    Yes I saw those lines and that is the way they are by default. How would I alter them to work as requested?

    There are also h’s involved.

    So, like the blog above, I want the basic template linking arrangement to remain as it is. I just want blog post titles and a home link, like in the above blog, to be underlined and disappear on hover. And maybe changed the color of those links – while not affecting anything else.

    anyone?

    well you can use the css selector.

    say if your html tag is like this:

    <div class=”post”>

    asdkjas asdadas as

    </div>
    <div id=”sidebar”></div>

    Then you can make changes to the link in the ‘post’ area only by using something like this:

    .post a{
    text-decoration:none;
    }

    That way it wont affect the sidebar css link properties. Hope that helps.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing link colors and underlines’ is closed to new replies.
Skip to toolbar