Hover color doesn't work

• 

  serealities · Member · Jun 24, 2016 at 12:42 am

  • Copy link
  • Add topic to favorites

  I have my hover color set for links but anytime I add a new link on a new page or post, the hover color doesn’t work. Is there something I’m doing wrong? Is there any css that will make this override?
  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jun 27, 2016 at 6:32 pm

  • Copy link

  Hi there, can you give me a link to a post or page where this has happened and it is still the wrong color, and I would be more that happy to take a look for you?

• 

  serealities · Member · Jun 27, 2016 at 6:50 pm

  • Copy link

  I had two different hover colors in there as important, so I removed the one I no longer want in there. It looked at first like it corrected the problem but still on this page for example, it didn’t change anything.

  https://serealities.com/for-the-love-of-fashion-episodes/

  Thanks!

• 

  thesacredpath · Member · Jun 28, 2016 at 8:00 am

  • Copy link

  Hi there, on the page you reference, you have set a color on the text itself within the post editor. When you do that, you cannot override it with CSS.

  I would suggest editing that post, delete the two links and the associated text, add the text back in and then the colors should come out correctly.

  You also have a color set for the “a” elements in two different CSS rules. Find this CSS in your custom CSS

  .page-title, .entry-title a, a {
      color: #000;
  }

  and remove the last a, and the preceding space and comma so it looks like this

  .page-title, .entry-title a
  }

  Then the “a” CSS rule you have will take precedence and whatever color you have set in that rule will apply.