Changing link colors and underlines

  • idner

    (@idner)


    18 years, 2 months 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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Mark (podz)

    (@podz)

    18 years, 2 months 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.

    Thread Starter idner

    (@idner)

    18 years, 2 months 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.

    Thread Starter idner

    (@idner)

    18 years, 2 months ago

    anyone?

    puppy18

    (@puppy18)

    18 years, 2 months 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.

    moshu

    (@moshu)

    18 years, 2 months ago

    Two good places to start:
    Finding_Your_CSS_Styles and
    http://www.w3schools.com/css/default.asp

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