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, 9 months 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
    Participant
    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
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Interior – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Electronics Store – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Plants Store – WordPress 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.