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

    hi

    can you tell me how can i change the back ground colour of the main nav bars drop down menu?

    thanks

    #69391

    Hi dilanrdnd,

    You would add the code below to your custom.css.

    #top #nav li ul a {
    background: none repeat scroll 0 0 #000000;
    border-color: -moz-use-text-color #C3C3C3 #C3C3C3;
    border-right: 1px solid #C3C3C3;
    }
    #top #nav li ul a:hover {
    background: none repeat scroll 0 0 #000000;
    }

    You would change #000000 to whatever background color you would like. I also included border-color and border-right in case you wanted to change those colors too.

    Regards,

    Mya

    #69392

    hi

    i am a bit new to all this. i cant find a file called custom.css. are you referring to the style.css? i added the code to style.css but nothing works.

    #69393

    Hi dilanrdnd,

    My fault. Ignore what I said about the custom.css. What you’ll want to do is open either style1.css, style2.css, style3.css or style4.css in /levitation/css/ directory. Which one you open depends on your selection under Levitation Options > Levitation Design.

    Once you have the file open, find the code below under the “Head Area” section.

    #top #nav li ul a{
    background: #fff;
    border:1px solid #C3C3C3;
    border-top:none;
    }

    #top #nav li ul a:hover{
    background:#eee;
    }

    #top #nav li ul ul {
    border-top:1px solid #C3C3C3;
    }

    Note: Depending on what file you have open the values #fff, #eee, and #C3C3C3 may be different.

    All you do though is change those values to the color of your choice.

    Let us know if you more questions.

    Regards,

    Mya

    #69394

    thanks

    it works now

    #69395

    Hey!

    Welcome. Let us know if you have more questions.

    Setting to resolved.

    Regards,

    Mya

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

The topic ‘how to change the bg colour of the dropdown menu’ is closed to new replies.