Changing the colour of some links but not others

• 

  melindabridges · Member · Jul 16, 2014 at 10:39 am

  • Copy link
  • Add topic to favorites

  Hi there,

  My blog is bridgeseuro.wordpress.com.

  In the orange menu bar underneath my header image are links to 3 pages – Home, About Us and Websites we love. Because I have selected orange in the CSS specifically for my links, the About Us and Websites we love is not visible because it’s the same orange as the menu bar.

  I want to keep the orange colour for active links in my posts (for overall design consistency) but I need a way to make the menu bar links stand out in a different colour. Is there any way to change the colour of some links but not others?

  Here is the code I am using for my links at the moment:

  /* unvisited link */
  a:link {color: #ff8f0b;}

  /* visited link */
  a:visited {color: #ff8f0b;}

  /* mouse over link */
  a:hover {color: #7dd2bb;}

  /* selected link */
  a:active {color: #0000FF;}

  Thanks in advance!

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

• 

  kokkieh · Staff · Jul 16, 2014 at 1:38 pm

  • Copy link

  Hi there. Can you please copy and paste this question directly into the CSS customization forum? This will ensure the right people see it so you can get an answer: https://en.forums.wordpress.com/forum/css-customization#postform

• 

  melindabridges · Member · Jul 16, 2014 at 11:57 pm

  • Copy link

  Sure, thanks :)