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 11 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

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

    Line 403

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

    Line 409

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

    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.