underlined links

Community Forums Forums Design Tips and Tricks underlined links

This topic is: not resolved

This topic contains 8 replies, has 2 voices, and was last updated by  julieono 1 year, 6 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #41403

    julieono
    Participant
    Post count: 8

    How do I make it so the links look like links with the text underlined in the headers, body and side bar navigation?

    Right now it only show underlined when I hover over them.  I also think the hover should be something else than underlined like pop just a little larger or a different color or something.

    I want to make sure people know links are links.

    http://www.massageschoolnotes.com

     

    Thanks

    Julie

    http://www.massageschoolnotes.com
    #41434

    AC
    Blocked
    Post count: 7712

    Look for the CSS that starts with any of those below – add this to it:

    [css]{text-decoration:underline;}[/css]

    a:link
    a:visited
    a:hover
    a:active

    #41738

    julieono
    Participant
    Post count: 8

    thanks – that doesn’t seem to work for some reason:

     

    I have this:

     

    /* Hyperlinks
    ———————————————————— */

    a:link{text-decoration:underline;}
    a:visited {
    color: #c62765;
    text-decoration:underline;
    }

    a:hover {
    text-decoration: underline;
    }

    a img {
    border: none;
    }

     

    Am I missing something?

    thanks so much!

    #41745

    AC
    Blocked
    Post count: 7712

    Rewrite you code so it looks like the Hover – it works on the hover.

    #41749

    julieono
    Participant
    Post count: 8

    I just tried that and it doesn’t work.  Something is really wonky here! thanks for trying.

    I have another studio press theme too and I can’t change the color of the text link.

     

     

    #41752

    AC
    Blocked
    Post count: 7712

    Then, at the end of each underline put !important, like this. Do it for each and they will show up.

    text-decoration: underline !important;

    #41763

    julieono
    Participant
    Post count: 8

    nope…

     

    heres what I have just to double check

     

    a:link {

    text-decoration:underline;!important;
    }
    a:visited {
    color: #c62765;
    text-decoration:underline;
    }

    a:hover {
    text-decoration: underline;
    }

    a img {
    border: none;
    }

    #41765

    julieono
    Participant
    Post count: 8

    ok I just changed the color style in the genesis to default which is red and that works so now can I just change the text to black? I will try.

    #41767

    julieono
    Participant
    Post count: 8

    now I have mostly red text links but a few blue and I didn’t change anything more…

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.