Home › Forums › Basel support forum › SubMenu Color

SubMenu Color

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 6, 2018 at 12:41 am #44079

    grantjoys
    Participant

    Hi I wanna know 2 thing:

    1. How I can change the sub menu background color from white to #c0c0c0
    2. How I can change the font color in the menu, because in some pages the font menu is black and not see good with the black background.

    Thanks

    March 6, 2018 at 7:52 am #44132

    Artem Temos
    Keymaster

    Hello,

    1. Try to add the following code snippet to the Custom CSS area in Theme Settings to do this

    .basel-navigation .menu .sub-menu-dropdown,
.basel-navigation .menu .sub-sub-menu{
	background-color: #c0c0c0!important;
}

    2. Could you please show us this problem on screenshot and send us a link where we can see it?

    Thank you.

    March 6, 2018 at 8:24 am #44148

    grantjoys
    Participant

    1. Thanks now is perfect.

    2. Yes, I attached an image.

    Thanks

    Attachments:
    You must be logged in to view attached files.
    March 6, 2018 at 8:26 am #44151

    Artem Temos
    Keymaster

    You need to set light color scheme for the header in Theme Settings -> Header -> Appearance.

    March 6, 2018 at 8:36 am #44154

    grantjoys
    Participant

    Okey perfect hah thanks.

    I would like to ask another question:

    How can I change the color to a link. I attached an image. I would like that when I get on change color.

    Thanks again.

    Attachments:
    You must be logged in to view attached files.
    March 6, 2018 at 8:57 am #44157

    Artem Temos
    Keymaster

    As we can see, you are using custom heading element of the WPBakery page builder. So you just need to edit your page with this builder and change the color of that element manually.

    March 6, 2018 at 9:17 am #44166

    grantjoys
    Participant

    Okey perfect, another question:

    Why on this page the menu is displayed badly?

    Attachments:
    You must be logged in to view attached files.
    March 6, 2018 at 10:02 am #44177

    Artem Temos
    Keymaster

    It happens because there is no enough free space in your header to fit all menu items. Try to decrease your header height or right column width in Theme Settings -> Header -> Header layout, it will reduce the logo and add more space for the menu.

    Regards

    March 6, 2018 at 12:08 pm #44200

    grantjoys
    Participant

    Hi, I try to reduce distance but that’s not the problem because not fix the problem, in the homepage the dimensions are the same and look good, but in that page look bad.

    Attached some images to you can see it.

    Attachments:
    You must be logged in to view attached files.
    March 6, 2018 at 12:52 pm #44219

    Artem Temos
    Keymaster

    Try to go to Theme Settings -> Header -> Header layout and choose “Simplified” one there.

    March 6, 2018 at 1:42 pm #44234

    grantjoys
    Participant

    Don’t look good

    Attachments:
    You must be logged in to view attached files.
    March 6, 2018 at 3:02 pm #44268

    Artem Temos
    Keymaster

    Could you please send us a screenshot which header layout did you set there?

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