Return to previous page

How to change Main menu link colours? - by fredwerk

This topic has 4 replies, 3 voices, and was last updated 10 years ago ago by DeathByDisco

  • Avatar: fredwerk
    fredwerk
    Participant
    May 8, 2014 at 21:43

    Hi,

    I have made a custom.css file, added
    .header-type-7 .top-bar {background-color: #a9d189; border-bottom: 1px solid #dbdbdb;}

    And activated the option for custom.css however the changes do not appear.

    Am I doing something wrong? I have Legenda 2.2

    #3166 Copied
    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    May 9, 2014 at 08:30

    Hello,

    Please clarify: do you wish to change the color of the links hover?

    Regards,
    Eva Kemp.

    #3191 Copied
    Avatar: fredwerk
    fredwerk
    Participant
    May 9, 2014 at 08:45

    Hi,

    Yes, specially for the menu.

    I set it up for a blue colour and when rolling over menu, I want it to be green.

    #3192 Copied
    Avatar: DeathByDisco
    DeathByDisco
    Participant
    May 9, 2014 at 09:44

    Hi fredsarran,

    you need to add the following line of code to your custom css file:

    .menu > li > a:hover, .menu ul > li > a:hover {
    color:#ff0000!important;
    }

    replace the HEX code with the color code of your choice …

    this is for the main menu links – .menu > li > a:hover

    and this is for the flyout menu (subpages) – .menu ul > li > a:hover

    #3194 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘How to change Main menu link colours?’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Organic Store – WordPress WooCommerce Theme
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.