Return to previous page

Navagation link color - by ultraslimbahamas

This topic has 6 replies, 4 voices, and was last updated 9 years, 7 months ago ago by Robert Hall

  • Avatar: ultraslimbahamas
    ultraslimbahamas
    Participant
    August 25, 2014 at 15:29

    Hi any way to change the menu links like home, shop etc to a specific color using the custom css?

    #13482 Copied
    5 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    August 25, 2014 at 15:37

    Hello,

    Please add this code into custom.css file:
    .main-nav .menu > li > a {color: your_color_value;}

    How to create custom.css you can watch here.

    Regards,
    Eva Kemp.

    #13483 Copied
    Avatar: ckeefer
    ckeefer
    Participant
    September 6, 2014 at 20:48

    I cannot get this to work. Will you please let me know what to do differently?

    Please, contact administrator
    for this information.
    #14485 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    September 7, 2014 at 11:28

    Hello,

    Do you want to have menu items written in white, but keep the menu background black?
    Also when the item is hovered it has white background and black text now. Should it be left the same?

    Regards,
    Eva Kemp.

    #14495 Copied
    Avatar: ckeefer
    ckeefer
    Participant
    September 7, 2014 at 18:15

    I would like to change the menu items to be written in #f89a38.
    When hovered, I would like the dropdowns to change to gray with white type.

    #14511 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 8, 2014 at 07:02

    Hello,

    Add this code into custom.css file.

    #main-nav > ul > li > a{
color:#f89a38;
}

    Regards,
    Robert Hall.

    #14531 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Navagation link color’' 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
Home Decor Store – WordPress WooCommerce Theme
lazy-placeholder
Headphone Store – WordPress WooCommerce Theme
lazy-placeholder
Interior – WordPress WooCommerce Theme
lazy-placeholder
Photographer – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
WooPress – WooCommerce WordPress Theme
lazy-placeholder
Corporate – WordPress 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.