Submenu Font Colors

4 posts from 2 voices

• Started 6 months ago by southlakebaptist
• Latest reply from Ismael
• This topic is not a support question

Tags:

No tags yet.

1. 

   southlakebaptist
   Member

   I'm not seeing an option to change the submenu font colors... in the header menu. I can change the main font menu color, but nothing that is a sub menu. You can look at my site under: http://www.southlakebc.com/ click "about us" and you will see what I need to change to make it visible. Thanks!

   Posted 6 months ago #
2. 

   Ismael
   Moderator

   Hi southlakebaptist,

   Kindly add this code inside Quick CSS(under Theme Options > Styling) or custom.css (inside the css folder and can be accessed via ftp):
   

   #top .main_menu .menu li ul a {
   color: black;
   }
   
   #top .main_menu .menu li ul a:hover {
   color: red;
   }

   or you can use this code, if the code above doesn't work (I recommend to use the 1st code, if it works):
   

   #top .main_menu .menu li ul a {
   color: black !important;
   }
   
   #top .main_menu .menu li ul a:hover {
   color: red !important;
   }

   Just change the color. Hope this helps. :)

   Regards,
   Ismael

   Posted 6 months ago #
3. 

   southlakebaptist
   Member

   Thanks Ismael,

   The first part worked great, the "hover" seems to be showing "white" regardless of the code inserted... please advise. :) Thanks again for the help you guys provide.

   Posted 6 months ago #
4. 

   Ismael
   Moderator

   Hi southlakebaptist,

   Try to replace this code:
   

   #top .main_menu .menu li ul a:hover {
   color: black;
   }

   to
   

   #top .main_menu .menu li ul a:hover {
   color: black !important;
   }

   Adding !important prevents styles from being overriden with other styles. Hope this helps. :)

   Regards,
   Ismael

   Posted 6 months ago #

RSS feed for this topic

Reply

You must log in to post.