Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

[Resolved] Link Questions (color and underlined)

Home Forums Support [Resolved] Link Questions (color and underlined)

Home Forums Support Link Questions (color and underlined)

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #218068
    Meredith

    Hi Tom,

    I was wondering if there is a way to make the Read More… links a different color than the rest of the links in the content. I would like the Read More… links to be a certain red (#de2a1e) but in my posts, I also plan to have bullet lists of many links, and don’t want those all red.

    So…question number 2. I would like to make the links in the Content underlined to make it clear that they are links, since they will not be the link color red. I found some CSS you gave in a different forum thread, and it did underline my widget links (which made me very happy, thank you!), but how do I get to where the CSS underlines the links in the post content?

    Here’s the CSS I put in Simple CSS (sorry, I lost the forum thread link):

    .widget a {
    text-decoration: underline;
    }

    If you need to view my site, it still has the same password protection I sent you–please let me know if I need to re-send it to you.

    Thanks, Tom!

    Meredith

    #218084
    Tom
    Lead Developer
    Lead Developer

    Hi Meredith,

    To underline, your CSS would be:

    .widget a,
    .entry-content a {
        text-decoration: underline;
    }

    You can target the read more link with this:

    a.read-more

    Hope this helps πŸ™‚

    #218540
    Meredith

    Thanks, Tom! I’ll try it…sorry for the delayed response, did not receive an email that you replied πŸ™‚

    #218610
    Tom
    Lead Developer
    Lead Developer
    #239415
    Markus

    Hi Tom.

    I tried to underline the visited links in the content only.

    .entry-content a:visited {
        color: #123852;
        text-decoration: underline;
    }

    Funny, the color works, but no underline.

    Any idea?

    #239428
    Tom
    Lead Developer
    Lead Developer
    #239869
    Markus

    Tom, thank you for the hint.

    It is possible, by doing something like this:

    /*underline*/
    .entry-content a:visited {
        color: #black;
        border-bottom: 1px solid;
        border-bottom-color: #black;
    }
    .entry-content a:visited:hover {
        color: #red;
    }
    .entry-content a:link {
        border-bottom: 1px solid;
        border-bottom-color: white;
    }
    #239893
    Tom
    Lead Developer
    Lead Developer

    Yep, using border would be the workaround.

    Glad you found a solution πŸ™‚

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.