Lifestyle menu colors

Community Forums Forums Design Tips and Tricks Lifestyle menu colors

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  ModernMuse 1 year, 6 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #41547

    pamb10
    Participant
    Post count: 1

    I want to change the navigation menu colors to the following:

    background selected and unselected:  #509ac9

    Selected page: black, bold

    unselected pages: white, bold

    Can anyone lend a hand?

    Thanks.

    Pam

    http://www.thebirddiaries.com
    #41555

    ModernMuse
    Participant
    Post count: 54

    You’ll need to modify your stylesheet. Try the following css…

    Line 392

    [css]

    #nav ul {
    float: left;
    width: 100%;
    background: #509ac9;
    }

    [/css]

    Line 403

    [css]

    #nav li a {
    display: block;
    padding: 10px 10px 8px;
    position: relative;
    text-decoration: none;
    color: white;
    }

    [/css]

    Line 409

    [css]

    #nav li a:hover,
    #nav li a:active,
    #nav .current_page_item a,
    #nav .current-cat a,
    #nav .current-menu-item a {
    color: #FFF;
    background: black;
    }

    [/css]

    Hope this helps. :)


    #41612

    pamb10
    Participant
    Post count: 1

    This is awesome and works perfectly! Thank you so much!

    #41637

    ModernMuse
    Participant
    Post count: 54

    Awesome. Glad to hear it. :)


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

You must be logged in to reply to this topic.