• Hi guys

    For some reason, hyperlinks in bullet points are black

    Currently have this code determining my links and it works fine for normal content

    .post .post-content p a { -moz-box-shadow: inset 0 -5px 0 #ff5f5f;
     -webkit-box-shadow: inset 0 0px 0 #ff5f5f; box-shadow: inset 0 0px 0 #ff5f5f; border-bottom: 0px; color: red;}

    For the life of me, I can’t figure out how to change bullet point hyperlink color haha

    Anyone any ideas?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • The black is the default link colour defined by your theme a {color: #080808}.

    The code you give overrides the default colour, but only for links in paragraphs.

    But bullets are not paragraphs, that’s why links in bullets are using the default link colour of black.

    To have you links in bullets appear with the same color and styling as the links in the paragraph, just add .post .post-content ul li a for unordered lists and .post .post-content ol li a for ordered lists to your selectors, like:

    .post .post-content p a, .post .post-content ul li a, .post .post-content ol li a {
    box-shadow: inset 0 0px 0 #ff5f5f;
    border-bottom: 0px; 
    color: red;}
    }

    NB: You’ll realize I’ve cleaned up your code a bit. The standard CSS property box-shadow is now supported by all major browsers (including Firefox and Safari), so there’s no need to add the proprietary Firefox and Webkit properties -moz-box-shadow and –webkit-box-shadow any longer.

Viewing 1 replies (of 1 total)
  • The topic ‘Hyperlink color in bullet points’ is closed to new replies.