Changing Active Link Color in Suburbia

  • Author
    Posts
  • #1189293

    mycoolslim
    Member

    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 mycoolslim.wordpress.com.

    #1189421

    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

    #1189449

    mycoolslim
    Member

    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!

    #1189463

    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;
    }
    #1189468

    mycoolslim
    Member

    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.

    #1189469

    mycoolslim
    Member

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

    #1189497

    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;
    }
    #1189535

    mycoolslim
    Member

    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!

    #1189545

    You are welcome.

The topic ‘Changing Active Link Color in Suburbia’ is closed to new replies.