Need help? Check out our Support site, then


Changing Active Link Color in Suburbia

  1. Hi,

    I want to change the active link color in my menu in the Suburbia theme, and have been entering a:active {<br /> color: 1a92af;<br /> }
    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 mycoolslim.wordpress.com.

  2. 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

  3. 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!

  4. 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;
    }
  5. 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.

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

  7. 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;
    }
  8. 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!

  9. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic