Home › Forums › Basel support forum › Change the color of menu

Change the color of menu

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 5, 2021 at 11:38 am #271224

    sandervbeuningen
    Participant

    Hi there,

    I want to change the background color of the main menu.
    See my printscreen.
    https://ibb.co/qCT8rR2

    I want it in the hexcolor #1d1d1d. The color of the font should be white #ffffff.

    Do you have a CSS code for me? Or how can I change this?

    March 5, 2021 at 9:45 pm #271324

    Elise Noromit
    Member

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .basel-navigation .menu>li .sub-menu-dropdown {
    background-color: red;
}

    Please replace the color as per your needs.

    Best Regards

    March 8, 2021 at 9:26 am #271765

    sandervbeuningen
    Participant

    Thank you.

    This was successful!

    Now I only want the color of the font in white, do you also have a CSS for that?

    March 8, 2021 at 9:32 am #271769

    sandervbeuningen
    Participant

    For the color of the font and also for the hover

    March 8, 2021 at 10:34 pm #271963

    Elise Noromit
    Member

    Hello,

    Please replace red for #ffffff

    This is the code on hover: 

    body .basel-navigation .menu>li .sub-menu-dropdown {
    background-color: #ffffff;
}

    If you have any questions please feel free to contact us.

    Best Regards

    March 9, 2021 at 6:48 pm #272197

    sandervbeuningen
    Participant

    Hi there,

    Thanks for your response.

    But I mean that I want to change the hover color when I open the main menu.
    See my printscreen.

    It is black now, and it should be another color. Where can I find this CSS?

    https://ibb.co/0tV4fZB

    March 9, 2021 at 8:45 pm #272215

    Elise Noromit
    Member

    Hello,

    Sorry, here is the code for the text in menu on hover: 

    body .basel-navigation .menu>li.menu-item-design-default ul li a:hover{
color:white;
}

    Best Regards

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)