Changing hover colour

• 

  artofdad · Member · Jun 7, 2017 at 5:42 pm

  • Copy link
  • Add topic to favorites

  How do you change the hover colour? I’ve tried the following code in the css section but I clearly don’t have it correct as the hover colour is grey and not the red I have in the code.

  #access a:focus{
  color: #a40303;
  }

  Thanks for any help you can provide.

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

• 

  thesacredpath · Member · Jun 7, 2017 at 8:05 pm

  • Copy link

  Hi there, you are definitely on the right track. Looking at the existing CSS, we need to include an additional CSS selector like this.

  #access li:hover > a, #access a:focus {
  	color:#a40303;
  }

• 

  artofdad · Member · Jun 7, 2017 at 8:28 pm

  • Copy link

  Thank you so much! That worked perfectly! What would the code be to also have the hover colour be red and not grey for the headlines in each post?

  I really appreciate this thesacredpath.

  Thanks

• 

  thesacredpath · Member · Jun 7, 2017 at 9:08 pm

  • Copy link

  Revise the CSS I gave previously so that it looks like this.

  #access li:hover > a,#access a:focus, .entry-title a:hover {
  	color:#a40303
  }

• 

  artofdad · Member · Jun 7, 2017 at 9:13 pm

  • Copy link

  I really appreciate this. Thank you so much!

• 

  thesacredpath · Member · Jun 7, 2017 at 9:14 pm

  • Copy link

  You are welcome.