Support » Themes and Templates » Help a newbie change link color

Viewing 4 replies - 1 through 4 (of 4 total)
  • Well, there’s no way to do it without altering the CSS. In short, your link properties will have an “a” involved. Example:

    a {
    color: #06c;
    text-decoration: none;

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

    A stand-alone a is the base link color. It’s your default style that will effect all of your links. a:hover is how your links will appear when hovered over.

    You’re going to see lots of link styles in your stylesheet” h2 a, h3 a, etc. All of those are saying, if the element h3, which is a heading element, is a link, display it as follows. Does that make sense?

    To change the color, you need to know the hex value of the color you want. Try if you don’t have Photoshop.

    Thank you so much

    What if I wanted a different color for the sidebar links then the links in the post or the links in the comments ??

    if your page structure is like this:
    <div id=”main”>
    …blah blah…
    <div id=”sidebar”>
    …blah blah…

    Your CSS will be
    #main a {color: #your_color_value1; }
    #main a:hover {color: #another_color; }
    #sidebar a {color: #your_color_value2; }
    #sidebar a:hover {color: #another_color;}

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Help a newbie change link color’ is closed to new replies.