[Support request] Link style outside of content area

Home Forums Support [Support request] Link style outside of content area

Home Forums Support Link style outside of content area

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?

    #470364
    Leo
    Staff
    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.