Return to previous page

How I change the nav sublist dropdown title font colour in the full width menu

This topic has 20 replies, 5 voices, and was last updated 10 years, 1 months ago ago by Robert Hall

  • Avatar: Pixeldaydreams
    Pixeldaydreams
    Participant
    July 15, 2014 at 09:54

    Hi, I was given this code to make the change, to no avail. Desired colour I would be #FF8556 orange

    .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown,
    .fixed-header .menu > li .nav-sublist-dropdown .container, .main-nav .menu > li .nav-sublist-dropdown .container{
    background-color: #FF8556;
    }

    Please find the Private content box my login details so you may be able to help.
    Kindest regards

    Please, contact administrator
    for this information.
    #9826 Copied
    19 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 15, 2014 at 10:18

    Hello,

    We’ve added code into the style.css of child theme to change title font color in the dropdown menu.
    Please check, is it correct now?

    Regards,
    Jack Richardson

    #9830 Copied
    Avatar: Pixeldaydreams
    Pixeldaydreams
    Participant
    July 15, 2014 at 13:15

    Great!! Thank You very much for that. I have been adding the code in the custom style within LEGENDA – 8theme WordPress theme: Stylesheet (style.css).
    Is it safe there? or do I have to move the code to the child style.css?
    Kindest regards
    Anthony

    #9855 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 15, 2014 at 13:39

    Hello,

    You’re welcome!
    Yes, adding code into the custom.css is completely safe.

    Regards,
    Jack Richardson

    #9859 Copied
    Avatar: Pixeldaydreams
    Pixeldaydreams
    Participant
    July 15, 2014 at 15:33

    Great thank you very much for all your help, I’m very pleased with your service.
    Kindest regards
    Anthony

    #9871 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 15, 2014 at 15:58

    Hello,

    You’re welcome!
    If you have any questions please feel free to ask.

    Regards,
    Jack Richadrson

    #9872 Copied
    Avatar: Graphixflo
    Graphixflo
    Participant
    October 22, 2014 at 17:28

    Can you let me know where I can change the form colour in the menu?
    Im using header # 2 and why to make the fonts black. Also I would like to make the menu right justify.
    Please advise.

    #21081 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    October 22, 2014 at 18:19

    Hello,

    To move menu to the right please add this code in custom.css file:

    .header-type-2 .main-nav .menu {
    text-align: right !important;
}

    Do you wish to change menu background? If so you need add this code:

    .main-nav, .header-type-2 .main-nav .menu {
    background-color: #F00;
}

    To change font color in the menu to black use the following code:

    .main-nav .menu li a {
    color: black !important;
}

    Thank you.
    Regards,
    Eva Kemp.

    #21092 Copied
    Avatar: Graphixflo
    Graphixflo
    Participant
    October 23, 2014 at 16:20

    See below please

    Please, contact administrator
    for this information.
    #21324 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    October 23, 2014 at 18:26

    Hello,

    Please watch our tutorial how to create custom.css file:
    https://www.youtube.com/watch?v=Qok2zRedRMY

    Thank you.
    Regards,
    Eva Kemp.

    #21354 Copied
    Avatar: Graphixflo
    Graphixflo
    Participant
    October 24, 2014 at 15:42

    see below

    Please, contact administrator
    for this information.
    #21587 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    October 24, 2014 at 21:47

    Hello,

    In this case please change the code to this one:

    .header-type-2.slider-overlap .header .menu > li > a {
    color: #000;
}
.menu-main-container {
width: 900px !important;
margin-left: 500px !important;
}

    Thank you.

    Regards,
    Eva Kemp.

    #21644 Copied
    Avatar: Graphixflo
    Graphixflo
    Participant
    October 27, 2014 at 16:47

    thank you, but the menu fonts on the home page still in white
    Let me know
    thanks

    #21871 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    October 27, 2014 at 17:47

    Hello,

    Please try to add !important to the previous code:

    .header-type-2.slider-overlap .header .menu > li > a {
    color: #000 !important;
}

    Thank you.
    Regards,
    Eva Kemp.

    #21901 Copied
    Avatar: Graphixflo
    Graphixflo
    Participant
    October 27, 2014 at 18:03

    still didn’t work.
    Please advise

    #21912 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 27, 2014 at 18:13

    Hello,

    Please provide us with wp-admin access in Private Content.

    Regards,
    Robert Hall.

    #21915 Copied
    Avatar: Graphixflo
    Graphixflo
    Participant
    October 29, 2014 at 14:42

    any luck?

    #22258 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 29, 2014 at 15:22

    Hello Graphixflo,

    You forget to provide us with wp-admin access in Private Content.

    Regards,
    Robert Hall.

    #22268 Copied
    Avatar: Graphixflo
    Graphixflo
    Participant
    October 29, 2014 at 15:59

    see below the info

    Please, contact administrator
    for this information.
    #22283 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 29, 2014 at 16:03

    I’ve made changes into custom.css file. Please check your menu now.

    Regards,
    Robert Hall.

    #22285 Copied
  • Viewing 20 results - 1 through 20 (of 20 total)

The issue related to '‘How I change the nav sublist dropdown title font colour in the full width menu’' 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
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Bakery Store – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
Bags 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.