change hover background color

Solved

change hover background color

Daniel19901
Shopify Partner
287 2 82

Hi, I would like to change the background color from brown to yellow for those rounded forms in my header. 
The settings allow my only to have only 1 color for the header text and the hover background. Can anyone help make the circles yellow when you hover ?

 

Thank you in advance!

 

https://a700ea-98.myshopify.com/

Daniel19901_0-1721752835195.png

 

Accepted Solution (1)

Moeed
Shopify Partner
6736 1820 2202

This is an accepted solution.

Hey @Daniel19901 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header__menu>ul.with-block .menu__item .btn-duplicate {
    background-color: yellow !important;
    color: black !important;
}
</style>

RESULT:

Moeed_0-1721753321341.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Reply 1 (1)

Moeed
Shopify Partner
6736 1820 2202

This is an accepted solution.

Hey @Daniel19901 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header__menu>ul.with-block .menu__item .btn-duplicate {
    background-color: yellow !important;
    color: black !important;
}
</style>

RESULT:

Moeed_0-1721753321341.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications