Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #5123

    Ok, so this might be too custom to ask how to do it, but thought I’d give it a shot and if it is maybe you can point me in the right direction on where to get help. I want to do a navigation bar like the one here — http://www.readcharlie.com — where each category has it’s own color. Is this possible to do within the confines of the theme CSS?

    Thanks for the help!

    Erik

    #48954

    Hey,

    depending on which site theme you’re using you can edit your style1/2/3/4.css and add link styling to the bottom of this file.

    .nav li a[href="http://google.com"] {
    background-color: #ff0099;
    }

    The above will change the background color of a link to google in your navigation to a bright pink. Replace the url in the code by your link and replace the color code to your liking.

    #48955

    Very cool Chris, thank you for your assistance, I’ll give this a whirl.

    Appreciate the help!

    Erik

    #48957

    Hey guys, no luck. I viewed the source and I’m using style3.css – I put the following at the bottom of the style sheet …

    .nav li a[href=”http://chestermagazine.com/people-places”] {

    background-color: #8e86a6;

    }

    … but it doesn’t change. Just out of curiosity, I tried 1/2/4.css as well, and no luck.

    Is there something I’m doing wrong? Or is there another area that needs to be edited?

    I’ll turn off Maintenance Mode so you can look at the URL — http://chestermagazine.com/

    Appreciate your help.

    Thanks,

    Erik

    #48958

    Ok, I got it figured out. Playing around with Dev Tools in Firefox, found that it’s linked to “.catnav li” …. not “.nav li”, once I made that change the color popped up. Thanks for getting me in the right direction with the mod, without your help I probably wouldn’t have figured out how to make this happen.

    Much appreciated!

    Erik

    #48959

    Glad that you solved the problem :)

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Custom Navigation Bar’ is closed to new replies.