• Resolved marie999

    (@marie999)


    Hi,
    I would like to change the colors of the header menu (button, background, flyover, color when you are one a page…) and of the footer menu too.

    Thanks for your help.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi, @marie999!

    To change the header color, you should go to Customizer -> Header -> Change Header Color, as you can see here. To change the color of a button, you should go to Customizer -> Header, click on the button, go to the Style section, expand the Normal option and choose the color, as you can see here. If you expand the Hover option, you can choose the color that will appear when you hover over the button. To change the color of the text from the menu, you should go to Customizer -> Header -> Change Menu -> Style and choose the colors you want for the text, as you can see here. Similarly, to change the color of the footer, you should go to Customizer -> Footer -> Change Footer Color.

    I hope this helps!

    Have a nice day!

    Thread Starter marie999

    (@marie999)

    Thank you for your quick answer and screenshots.
    It’s ok but I can’t change the background menu color in personalize-header- main menu : it seems to be only for the internal elements of the menu.
    How can I change the menu background color ?

    I’ve got another question : how can I decrease product title size in the product page description ?

    Thank you very much.

    Hi, @marie999!

    To change the header background color, you should go to Customizer -> Header -> Change Header Color, as you can see here.

    To decrease the product title size, please insert the code below in the Additional CSS section within the Customizer.

    .woocommerce.single .product_title {
        font-size: 1em;
    }

    Feel free to change the size value until you achieve the style you want.

    Have a nice day!

    Thread Starter marie999

    (@marie999)

    Hi Lucia,

    Thank you very much for your answers. It’s OK for everything except for the navigation menu : I put it in a section before the footer. I just would like to change the text color elements and I do not know how to do that.
    Would you mind giving me the clue ?

    Thank you.

    Hi @marie999!

    You can change the color of the text for the navigation menu by going to Customizer -> Header -> Change Menu -> Style. There you should see the “Items Color” option and choose the color you want the text from the menu to have. You can find an example here. You can also choose what color the text from the menu will have when you are on a specific page in the “Active Item Color” option.

    If this doesn’t answer your question, it would be great if you could provide us a screenshot highlighting the text you want to change as it is not very clear.

    Thank you!

    Thread Starter marie999

    (@marie999)

    Lucia,

    I think we do not talk about the same thing.
    I send you a screenshot in the link below :
    https://snipboard.io/qGCHXp.jpg
    I just would like to change the color of the orange text elements.

    Thank you.

    If you added that section in the editor, it should be possible to change the text color by opening the editor, selecting the text, clicking on the arrow that will appear in the bar above the text and then clicking on the last option called “Text color”, as you can see here. Then simply choose the color you want.

    Have a nice day!

    Thread Starter marie999

    (@marie999)

    Hi Lucia,

    I did it a different way and it works. Thank you very much for your help. I’m closing this topic.

    Have a nice day too ! ??

    I am really glad the issue is solved!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Menu colors’ is closed to new replies.