Change menu hover color and casing

  • Resolved vrensen

    (@vrensen)


    10 years, 10 months ago

    Hello,

    I’m trying to change hover color for the main menu items as well as the casing ‘text-transform: uppercase’ for both the primary and the secondary menu. I can’t figure out however where and how to change this.

    Thanks for your help
    Caspar

Viewing 5 replies - 1 through 5 (of 5 total)

  • Can you list out the url or give the theme name so we can check and give the code for the help..

    Thread Starter vrensen

    (@vrensen)

    Excuse me. This is the url. I thoughht all questions here were related to the Virtue theme.

    Thanks

    I know you can managed the all the font color and size you can change in admin panel..

    But if you want to change by the code in css file then add the below code in style.css file

    a, #nav-main ul.sf-menu ul li a:hover, .product_price ins .amount, .price ins .amount, .color_primary, .primary-color, #logo a.brand, #nav-main ul.sf-menu a:hover, .woocommerce-message:before, .woocommerce-info:before, #nav-second ul.sf-menu a:hover, .footerclass a:hover, .posttags a:hover, .subhead a:hover, .nav-trigger-case:hover .kad-menu-name, .nav-trigger-case:hover .kad-navbtn, #kadbreadcrumbs a:hover, #wp-calendar a
    {
    color:#000 !important;
    }

    #nav-main ul.sf-menu a
    {
    text-transform:uppercase
    }

    I know you can managed the all the font color and size you can change in admin panel..

    But if you want to change by the code in css file then add the below code in style.css file

    a, #nav-main ul.sf-menu ul li a:hover, .product_price ins .amount, .price ins .amount, .color_primary, .primary-color, #logo a.brand, #nav-main ul.sf-menu a:hover, .woocommerce-message:before, .woocommerce-info:before, #nav-second ul.sf-menu a:hover, .footerclass a:hover, .posttags a:hover, .subhead a:hover, .nav-trigger-case:hover .kad-menu-name, .nav-trigger-case:hover .kad-navbtn, #kadbreadcrumbs a:hover, #wp-calendar a
{
color:#000 !important;
}

#nav-main ul.sf-menu a
{
text-transform:uppercase
}
    Thread Starter vrensen

    (@vrensen)

    Thanks, I used it in virtue.css. There it works! Cheers

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change menu hover color and casing’ is closed to new replies.