Change Menu and Sub Menu Background Colors etc

4 posts from 3 voices

• Started 1 year ago by tonyrebel
• Latest reply from Dude
• This topic is resolved

Tags:

No tags yet.

1. 

   tonyrebel
   Member

   Thanks so much for such a great theme...but I needed to make some changes...
   1. Menu background color,
   2. Sub menu background color, remove underline on hover,
   3. make hover color for sub menu like main menu... to the full width of the menu and not just for text.
   What css file can i edit to make these and future changes...or do I keep adding to custom css area?
   4. I want to add a 5 pixel border just above the footer.
   5. Change the background color of the boxed area.
   6. Sitewide Font changes...for menu, H1 - H6...where can I do this or will your theme support WP Google Fonts?

   Thanks again.

   Tony

   Posted 1 year ago #
2. 

   Devin
   Moderator

   Hi Tony,

   Yes, the custom.css file is the way to go for any css changes. You can use a tool like Firebug for Firefox to inspect and target the css styles you want to modify, then add those changes into the custom.css.

   You can change the Heading font from within the Abundance backend under the Styling menu. If you want to add custom fonts to other items, this thread gives a solution for that: http://www.kriesi.at/support/topic/customize-menu-fonts-in-css

   Let us know if you have specific questions on CSS modifications. For the above mentioned ones:

   1. You'll need to modify the following main menu styles.
   

   .main_menu .avia_mega, .main_menu .avia_mega_div ul{
   }
   
   .main_menu .avia_mega_div, div .main_menu .avia_mega>li>ul, div .main_menu .avia_mega>li>ul ul{
   }
   
   .main_menu .avia_mega>li>a{
   }
   
   .main_menu .avia_mega>li:hover>a, #top .main_menu .avia_mega > .current-menu-item > a{
   }

   2.
   

   .sub_menu>ul>li:hover>a{
   text-decoration: none;
   }

   3. You can add a background color to #2 and adjust.
   4.
   

   #footer{
   border-top: 5px solid #333;
   }

   5.
   #wrap_all, #main{ background: #fff; }

   Posted 1 year ago #
3. 

   tonyrebel
   Member

   ok thanks for all your help.

   Posted 1 year ago #
4. 

   Dude
   Dude

   Hi!

   Glad that Devin could help you. I set the status to resolved.

   Best regards,
   Peter

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.