how to underline the text instead of making it white

[christian_russo]

hi,

is it possible to underline the text on my menu en not make it white because the background is already white.

is it also possible to make the header white only when i hover the menus?

website: https://www.gallerychristian.com/

password 6399

thanks

[suyash1]

@christian_russo - please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

.header__dropdown-menu .link-faded-reverse:hover {color: rgb(0 0 0 / 100%); text-decoration: underline;}

[DaisyVo · Accepted solution]

HI @christian_russo 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

x-header.header:hover {
    background: white !important;
}
x-header.header:hover * {
    color: black !important;
    fill: black !important;
}
ul.header__dropdown-menu > li {
    text-decoration: underline !important;
}

Here is the result: https://prnt.sc/Kpu54I2OSHbh ; https://prnt.sc/cHmPhEzg4PWR 

Please note that if you change the header to white color, the logo will be gone as the logo is white image

I hope this helps

Best,

Tiana

[christian_russo]

hi! 

thanks this worked! but is it possible to only underline it when I hover it? and can I make the box bigger? and make my logo black when I hover the header so you can still see it? thanks!