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

    How can i change the following

    Main Menu Colour to White (background has been changed to black)

    Main Menu Size bigger

    Main Menu font

    I want the same to be changed for the upper menu (next to search section).

    thanks

    shax

    #108207

    Hi shax,

    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_color .main_menu ul:first-child > li > a, #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a {
    color: #FFF;
    }
    .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
    color: #FFF;
    }

    .header_color .sub_menu > ul > li > a {
    color: #fff;
    }

    .main_menu ul:first-child > li > a {
    font-size: 13px;
    font-family: Times;
    }

    .sub_menu > ul > li > a, .sub_menu > div > ul > li > a {
    font-size: 13px;
    font-family: Times;
    }

    For the font-family, see: http://www.w3schools.com/cssref/pr_font_font-family.asp

    Regards,

    Devin

    #108208

    Thanks Devin

    just one more thing how do i get the link to change colour when clicked. like i want the colour of the LINK to change to RED. and stay RED when on that page.

    Thanks

    shax

    #108209

    Add following code to the quick css field and change the color value if required:

    .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a{
    color: #ff0000 important;
    }

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

The topic ‘Changin the main Menu colour Size and font in replete’ is closed to new replies.