Return to previous page

Classico, Variant 1: How to Change Menu Colour on other pages

This topic has 7 replies, 2 voices, and was last updated 8 years, 9 months ago ago by Eva Kemp

  • Avatar: themadguru
    Robert
    Participant
    February 26, 2016 at 16:25

    Hi

    I’m looking at 8Theme Options -> General -> Navigation

    I’m able to change the Menu font colour here for the Home Page only, however, I can’t find any settings to change the font colour on other pages, as they’re set to white. Here is an example of the About Us page on your demo:-

    https://www.8theme.com/demo/classico/variant1/about-us-2/

    The settings in 8Theme Options only changes the Home Page Menu colour but not this About Us page and other pages.

    Please help?l

    #115074 Copied Theme version: 1.5
    6 Answers
    Avatar: themadguru
    Robert
    Participant
    February 26, 2016 at 16:26

    … Follow-up… ideally I want the Menu font colours on the Home page to match all the other pages and not be different, and be able to change it once for the whole site. Seems to be missing options to change font colours for other pages as far as I can tell.

    #115075 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    February 26, 2016 at 16:50

    Hello,

    To change menu color on other pages use this code in Theme Options > Styling > Custom CSS > Global Custom CSS:

    .breadcrumbs-type-8:not(.home) header .menu > li > a {
   color: red;
}

    Set your color value.

    Regards,
    Eva Kemp.

    #115082 Copied
    Avatar: themadguru
    Robert
    Participant
    February 26, 2016 at 17:07

    Eva

    Thanks. I will try.

    Regards

    #115088 Copied
    Avatar: themadguru
    Robert
    Participant
    February 26, 2016 at 17:13

    OK, that changed the text colour for the menu, but for Menu’s with drop down items, the downward pointing arrow remains white. Would like this to be the same colour please?

    #115089 Copied
    Avatar: themadguru
    Robert
    Participant
    February 26, 2016 at 17:16

    I think I worked it out by changing this also…

    .breadcrumbs-type-8:not(.home) .top-bar .menu>li.menu-item-has-children>a:after, .breadcrumbs-type-8:not(.home) header .menu>li.menu-item-has-children>a:after {
    color: red;
    }

    #115090 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    February 26, 2016 at 18:54

    Hello,

    Glad you’ve found the solution.

    Have a good weekend.

    Regards,
    Eva Kemp.

    #115106 Copied
  • Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Classico, Variant 1: How to Change Menu Colour on other pages’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Transport – 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.