Solved

Change hover color of text column button impulse theme

VIBO
Excursionist
25 1 10

Hi,

 

I would like to change the hover background color of my text columns section buttons to #ff6f0f on hover.

 

Screen Shot 2022-03-04 at 7.59.51 pm.png

Thanks,

Hannah

Accepted Solution (1)
AvadaCommerce
Shopify Partner
3879 839 953

This is an accepted solution.

Hi @VIBO ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

.grid--uniform .grid__item .btn--small:hover {
    background: #ff6f0f;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned

View solution in original post

Replies 8 (8)

JHKCreate
Shopify Expert
3571 639 916

Hi @VIBO 


Would you mind sharing your store's URL so we can provide a solution?

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
VIBO
Excursionist
25 1 10

Hi there, vibovisionboards.myshopify.com

pw - whauch

AvadaCommerce
Shopify Partner
3879 839 953

This is an accepted solution.

Hi @VIBO ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

.grid--uniform .grid__item .btn--small:hover {
    background: #ff6f0f;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned
VIBO
Excursionist
25 1 10

Amazing that works thank you. And how can I get the border of the button to also be the same color on hover rather than black?

VIBO
Excursionist
25 1 10

Never mind I actually figured it out. Thanks!

 

.grid--uniform .grid__item .btn--small:hover {
background: #ff6f0f;
border: #ff6f0f;
}

AvadaCommerce
Shopify Partner
3879 839 953

Hi @VIBO ,

 

Amazing good job. ^^

banned

AvadaCommerce
Shopify Partner
3879 839 953

Hi @VIBO ,

 

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

banned

klosetofhoney
Visitor
1 0 0

When you guys say enter the code at the "bottom", could you please screen shot thaqt for me? I'm entering these codes and nothing works