Changing colour of hyperlinks is also changing menu color

• 

  thesevenyearhitch · Member · Jun 11, 2014 at 2:34 pm

  • Copy link
  • Add topic to favorites

  Hello all,

  I am trying to work out how to change the hyperlink color and am obviously doing something wrong as it is affecting the menu colors as well.

  Does anyone know howI change the hyperlink colors without affecting the menu?

  I have this code for the menu:

  .main-navigation a:hover, .main-navigation ul :hover > a, .main-navigation ul ul :hover > a, .main-navigation li.current_page_item a, .main-navigation li.current-menu-item a, .main-navigation li.current_page_ancestor a, .main-navigation li.current-menu-ancestor a {
  color: #5c9db9;
  }

  .main-navigation a {
  color: #ffffff;
  font-size: 50%;
  }

  Thanks!

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

• 

  thesevenyearhitch · Member · Jun 11, 2014 at 2:37 pm

  • Copy link

  I put in this to try and change the hyperlink color, by the way :)

  a:link {
  color: #5c9db9;
  }

• 

  thesacredpath · Member · Jun 11, 2014 at 5:58 pm

  • Copy link

  I see you now have the following CSS for link color in the content area:

  .entry a:link {
      color: #5C9DB9;
  }

  Has that fixed the issue for you? It seems like it has to me.

• 

  birrelldesign · Member · Jun 17, 2014 at 5:47 pm

  • Copy link

  Hello!

  Hope you don’t mind me jumping in on this discussion. I am trying to figure out the same thing (how to change hyperlink colour on pages without affecting the default menu link colours). I tried the code above (using a turquoise colour to match the company logo) but it didn’t work, the hyperlink colour (e.g. the email addresses on the Contact Us page) is still the default red.

  The blog is http://kodetcontracting.com

  Thanks in advance for your help!

• 

  kathrynwp · Staff · Jun 17, 2014 at 8:02 pm

  • Copy link

  birrelldesign – could you please try this instead? I think there was a little typo in the earlier code:

  .entry-content a:link {
      color: #339999;
  }

  Let me know if that does the trick.

• 

  birrelldesign · Member · Jun 17, 2014 at 8:21 pm

  • Copy link

  Oh joy, it DID do the trick! Thanks so much for your very quick and helpful response, it made my day!

  Lisa B.

• 

  kathrynwp · Staff · Jun 17, 2014 at 8:42 pm

  • Copy link

  My pleasure!