Link Hover Color only works on some links

  • only some of my links are showing up with the link/hover color #B6826A. Some of my links are still the default font color and you would only know they are links if you happen to hover over them and see they are underlined. Even if you hover over them, they don’t change color to #B6826A.

    Example: under the Skincare paragraph, I try to link “primally pure”, but it still shows as the default font color. The link to “body butter” is exactly how I want all my links to look.

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Here’s the reason the colors are different:

    The paragraphs with the “GOOD” link color are using the custom CSS color you defined in the ADDITIONAL CSS box… because no link color was selected in the editor for these paragraphs.

    The paragraphs with the “BAD” link color are using the custom color you selected in the WordPress editor for the paragraph… because this takes priority over the color specified in the ADDITIONAL CSS box.

    So, if you want your site to consistently use the custom link color you defined, simply don’t touch the color options for the paragraph block in the editor… unless you want to style a particular paragraph differently.

    Alternatively, you can alter your custom CSS code to override the link editor’s color option. To do this, simply add the .site-inner class to the a and a:hover element selectors, just as you did with the a:link selector, so your custom CSS code now becomes:

    .site-inner a:hover {
color: #B6826A;
text-decoration: underline;
}

.site-inner a {
color: #B6826A;
}

.site-inner a:link {
color: #B6826A
}

    And I don’t know if you’ve realized this, but the custom CSS code you added was too general, and made your menu links become completely invisible.

    So, making the suggested tweak will thus kill two birds with a single stone throw ??

    Thread Starter beccajanegibbs

    (@beccajanegibbs)

    Thank you!! I’m so glad you mentioned the menu piece. That was something that i was trying to fix as well!!

    All is corrected. Thanks for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Link Hover Color only works on some links’ is closed to new replies.