Dotted-Underlined links?

  • Author
    Posts
  • #84913

    I’m looking to change the default style of my in-text links to the following:

    PRE-CLICK: a non-blue color (less important) marked with a dotted-underline (for a good example of how this looks, see http://www.gawker.com)

    POST-CLICK: the grey color of the remainder of the non-link text, still with the dotted-underline.

    I’m using Cutline. Any suggestions?

    Also, you can’t change the styling of links in text boxes (widgets), right?

    Thanks again,
    TWIK

    #85132

    drmike
    Member

    Try this:

    #content a:link, #content a:active, #content a:hover {
    border-bottom:#ff8000 1px dashed;
    }
    #content a:visited {
    border-bottom:#808080 1px dashed;
    }

    You can change the styling of the widgets. Just define the div within the CSS.

    `

    #85154

    That seems to have done everything perfectly, except removing the standard link underline.

    #85155

    Ooooh…. and it’s also attaching the dashed line to post titles, which I wasn’t looking to do. Any thoughts?

    Here’s the link: http://theworldiknow.wordpress.com

    #85216

    engtech
    Member

    You need text-decoration: none; to remove the standard link.

    If you only want to apply it to the body, use .entry-content instead of #content.

    .entry-content a:link, .entry-content a:active, .entry-content a:hover {
    border-bottom:#ff8000 1px dashed;
    text-decoration: none;
    }
    .entry-content a:visited {
    border-bottom:#808080 1px dashed;
    text-decoration: none;
    }

    // not tested

    #85227

    Unfortunately, either I have placed the code you supplied in the wrong place, or it just doesn’t work.

    I do, however, GREATLY appreciate your help.

    ~TWIK

    #85262

    wank
    Member

    Cutline uses .entry rather than .entry-content, so get rid of -content and you should be good.

    #85264

    engtech
    Member

    thanks Wank

    #85275

    Thank you all.

The topic ‘Dotted-Underlined links?’ is closed to new replies.