how to change the bg colour of the dropdown menu

6 posts from 2 voices

• Started 1 year ago by dilanrdnd
• Latest reply from Mya
• This topic is resolved

Tags:

No tags yet.

1. 

   dilanrdnd
   Member

   hi

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

   thanks

   Posted 1 year ago #
2. 

   Mya
   

   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

   Posted 1 year ago #
3. 

   dilanrdnd
   Member

   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.

   Posted 1 year ago #
4. 

   Mya
   

   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

   Posted 1 year ago #
5. 

   dilanrdnd
   Member

   thanks

   it works now

   Posted 1 year ago #
6. 

   Mya
   

   Hey!

   Welcome. Let us know if you have more questions.

   Setting to resolved.

   Regards,
   Mya

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.