Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #9611

    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.



    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:

    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{


    text-decoration: none;

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


    border-top: 5px solid #333;


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


    ok thanks for all your help.



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

    Best regards,


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

The topic ‘Change Menu and Sub Menu Background Colors etc’ is closed to new replies.