[Support request] Link style outside of content area

Home Forums Support Link style outside of content area

This topic contains 1 reply, has 2 voices, and was last updated by  Leo 6 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #470171

    Dale

    Hi there, this is on the topic of link style, so I hope it’s okay if I add it here. Let me know if I should create a new topic.

    I am using the CSS

    .inside-article a, a:visited, a:active {
    text-decoration: underline;
      text-decoration-style: underline;
    }
    
    .inside-article a:hover {
      text-decoration: underline;
      text-decoration-style: dotted;
    }

    because I also want the titles and “read more” underlined on my blog index pages. This excludes the underline from appearing on menus etc, which is good, but there are two issues:

    1. It adds underlines to my post date and meta, which I’d rather not have.
    2. it doesn’t apply to hyperlinks that appear in my hooks, which I’d like to have the same underlining for colorblind accessibility.

    You can see an example of what I mean at https://www.dalecameronlowry.com/category/for-writers/. The hook area where I’d like hyperlinks underlined is the gray box that appears directly below “for writers” at the top of the page.

    Possible solutions?

    GeneratePress 2.0.1
    GP Premium 1.5.6
    #470364

    Leo Customer Support

    Hi there,

    Instead of using your current CSS, try this instead:

    .lightbox a,
    .entry-summary a {
        text-decoration: underline;
    }
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.