Colinear menu colour

• 

  lochlik · Member · Mar 16, 2016 at 9:52 am

  • Copy link
  • Add topic to favorites

  Hi, I need your help. I changed menu color (background white and text blue) and it would be ok but some of text in menu is missing (you can see it on wsinadal.org)

  Here is the code I used:

  /*Changing text link color*/
  .main-navigation a, .main-navigation a:visited {
  color: #5DB8C2;
  }

  /*Changing text color on hover*/
  .main-navigation a {
  color: #5DB8C2;
  }

  /*Changing background color*/
  .main-navigation li a {
  background: #F7F7F7;
  }

  /*Changing background color on hover*/
  .main-navigation li a:hover {
  background: #F7F7F7;
  }

  Can you please tell me how can I fix it?

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

• 

  thesacredpath · Member · Mar 17, 2016 at 12:45 am

  • Copy link

  Hi there, looking at your CSS, and looking at the original CSS, we need to be a bit more specific with the CSS selectors for the menu. Working with what you have, I came up with the following. Replace the existing CSS you now have with the following and see if this is what you are looking for (I included the CSS for your site title and tagline color change as well).

  /*Changing text link and background color on menu*/
  .site-header .main-navigation a, .site-header .main-navigation a:visited {
      color: #5db8c2;
      background: #f7f7f7 none repeat scroll 0 0;
  }
  /*Changing text and background color on menu hover*/
  .site-header .main-navigation a:hover, .site-header .main-navigation a:hover:visited {
      color: #5db8c2;
      background: #f7f7f7 none repeat scroll 0 0;
  }
  .site-title a, .site-description {
      color: #5db8c2;
  }

• 

  lochlik · Member · Mar 17, 2016 at 10:25 am

  • Copy link

  that works!!! Thank You :)

• 

  thesacredpath · Member · Mar 18, 2016 at 12:44 am

  • Copy link

  You are welcome.