WordPress.org

Ready to get started?Download WordPress

Forums

Changing link colors and underlines (6 posts)

  1. idner
    Member
    Posted 8 years ago #

    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.

  2. Mark (podz)
    Support Maven
    Posted 8 years ago #

    a, h2 a:hover, h3 a:hover {
    color: #06c;
    text-decoration: none;
    }

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

    Links are the 'a' lines.

  3. idner
    Member
    Posted 8 years ago #

    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.

  4. idner
    Member
    Posted 8 years ago #

    anyone?

  5. puppy18
    Member
    Posted 8 years ago #

    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.

  6. moshu
    Member
    Posted 8 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.