Changing Active Link Color in Suburbia

• 

  mycoolslim · Member · Mar 19, 2013 at 10:13 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I want to change the active link color in my menu in the Suburbia theme, and have been entering a:active {
color: 1a92af;
}
  into the CSS, but still not working. I’ve cleared my chache and cookies. Is there a certain code I should be using in Suburbia?

  Thanks!

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

• 

  designsimply · Member · Mar 19, 2013 at 11:26 pm

  • Copy link

  All of your content appears to be password protected, so I checked this post from the demo as an example:
  http://suburbiademo.wordpress.com/2012/01/24/hello-world/

  The :active pseudo-class isn’t used by the theme CSS, so you probably just want to use “a” instead of “a:active”. Or if you were trying to change the link color that appears when you hover over the link, also add a rule for “a:hover”. Here is an example:

  a {
  	color: #f0f;
  }
  a:hover {
  	color: #f00;
  }

  Change the color codes as needed.
  http://en.wikipedia.org/wiki/Web_colors#X11_color_names

• 

  mycoolslim · Member · Mar 20, 2013 at 1:26 am

  • Copy link

  Hi,

  I tried entering that into my CSS and it still isn’t changing the active link color. Is there specific coding I need for the menu perhaps?

  Thanks!

• 

  thesacredpath · Member · Mar 20, 2013 at 2:15 am

  • Copy link

  This works by using Firebug Firefox add-on to insert this directly into your custom CSS, at least for me. It changes the color of links when you hover your mouse over them. Since everything on your site is password protected, I can’t check all types of links.

  a:hover {
      color: #CC0000;
  }

• 

  mycoolslim · Member · Mar 20, 2013 at 2:21 am

  • Copy link

  I was looking to just have the menu links’ color changed, not necessarily in the text on pages (i’m building the site for a client and she’s not ready to have it ‘live’ yet). I’m looking for a code I can just add into my custom CSS if possible.

• 

  mycoolslim · Member · Mar 20, 2013 at 2:23 am

  • Copy link

  …I should note, changing hover links isn’t a problem for me. just the active link color.

• 

  thesacredpath · Member · Mar 20, 2013 at 4:57 am

  • Copy link

  Ok, this changes the “hover” color on the menu items only.

  #access li a:hover {
  color: #CC0000;
  }

  This would change the “active” link color (the orange).

  #access .current_page_item > a, #access .current_page_ancestor > a, #access .current-menu-item > a, #access .current-menu-ancestor > a {
  color: #C17E08;
  }

• 

  mycoolslim · Member · Mar 20, 2013 at 2:05 pm

  • Copy link

  That worked! Thank you a million. I have another question re: deleting page titles off of individual pages that I’ve posted in the forums, if you can help me with that too it would be amazing as this is the 2nd time your coding has solved my exact problems!

• 

  thesacredpath · Member · Mar 20, 2013 at 4:35 pm

  • Copy link

  You are welcome.