How to change hover colour on Main Menu and Footer - Debut theme

Store Design
1

Hello!

I have been searching for this topic and solution for a few hrs.

I would like to change - edit the colour that appears when hovering over the main menu, submenu, footer and icons.

The main colour I use for the text is #452507 but when I hover on the menus with the mouse the colour is lighter and not super nice to see.

I would like to keep the #452507 colour for all texts and have the #DEDCDC as hover colour appear when I hover over the menus -icons

I am using the Debut theme - www.mastrozavattistore.com

Any help and advice is highly appreciated!

Thank you

2

Hello @Quondy ,

Add the following code at the bottom of your theme.scss file:

.site-nav__link:focus .site-nav__label,
.site-nav__link:not([disabled]):hover .site-nav__label,
.site-nav__link--button:focus,
.site-nav__link--button:hover,
.site-footer__rte a:hover,
.site-footer__linklist-item a:hover,
.site-footer__copyright-content a:hover {
    color: #DEDCDC !important;
    border-bottom: 1px solid #DEDCDC !important;
}

a:not([disabled]):hover,
a:focus {
    color: #DEDCDC;
}