Basel theme – Browse categories background color

Hi!

I would like to change the “Browse categories” background color (now red) and menu items hover color (now yellow) on Home fashion template. How could I do that?

Thanks in advance!

Attachments:

You must be logged in to view attached files.

Hello,

You can change the colors in the Theme Settings > Styles and colors. If you do not want to change the colors globally, add this custom CSS to the Theme Settings > Custom CSS:

body .widget_nav_mega_menu .widget-title.color-scheme-light {
    color: #fff;
    background-color: black;
}
body .widget_nav_mega_menu .menu >li > a {
    background-color: black;
}
body .widget_nav_mega_menu .menu >li > a:hover {
    background-color: red;
}

Best Regards

Thanks for the CSS code, it worked perfectly! 🙂

You are welcome! If you have any questions please feel free to contact us.

Best Regards

I use this same topic if that is okay 🙂

How can I change the categories menu item hover color? Now it is yellow. (Please see the attachment image)

The menu has been built with HTML Block.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access to the private area.

Best Regards

Thanks for taking a look!

Hello,

I cannot log in to your site.

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

.basel-navigation .menu>li.menu-item-design-sized .sub-menu li a:hover{
color:red;
}

Please set the color as per your needs.

If the code does not work, please check and provide valid access.

Best Regards

Thanks!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts