Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 1, 2013 at 4:25 pm #28807
    stunna42

    Hello – What can I add to custom.css to:

    1. Change the background color of *only* the megamenu drop downs to white

    2. Change the font color of *only* the header text & hover effect (aka the color of the underline when you hover over the text) at the top of megamenu columns

    Thanks!

    September 1, 2013 at 10:01 pm #138697
    Josue

    Hi,

    Can you post a link to your website please?

    Regards,

    Josue

    September 2, 2013 at 9:38 pm #138698
    stunna42

    Hi Josue – Sure! http://thecaloriemythbook.com

    September 3, 2013 at 2:47 am #138699
    Josue

    Hi,

    Try adding this CSS code to Quick CSS or custom.css:

    #top #header .avia_mega_div > .sub-menu{ background: white }

    .header_color .main_menu ul:first-child > li > a{ color: red !important;}

    .header_color .avia-menu-fx{ background-color: red !important; }

    Change “red” for the desired color, the first is for the font color and the second one is for the underline.

    Regards,

    Josue

    September 3, 2013 at 7:30 pm #138700
    stunna42

    Hi Josue – Thank you. The first line helps but you could see the following picture with regards to the 2nd and 3rd lines? http://TheCalorieMythBook.com/wp-content/uploads/2013/09/9.3-bug.png

    September 4, 2013 at 6:59 pm #138701
    Devin

    Hi stunna42,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #header .mega_menu_title {
    
color: #333;
    
}

    Which only targets the titles inside your mega menus.

    Regards,

    Devin

    September 4, 2013 at 7:00 pm #138702
    stunna42

    Hi Devin – That did it! You guys are amazing. Seriously. Thank you

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Mega Menu Styling’ is closed to new replies.