FROM CACHE - en_header

Change hover color of text column button impulse theme

Solved
VIBO
Excursionist
22 1 8

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)

Accepted Solutions
AvadaCommerce
Shopify Partner
3879 835 738

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.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

View solution in original post

Replies 8 (8)
JHKCreate
Shopify Partner
3467 625 884

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
AvadaCommerce
Shopify Partner
3879 835 738

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.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

VIBO
Excursionist
22 1 8

Hi there, vibovisionboards.myshopify.com

pw - whauch

AvadaCommerce
Shopify Partner
3879 835 738

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.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

VIBO
Excursionist
22 1 8

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
22 1 8

Never mind I actually figured it out. Thanks!

 

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

AvadaCommerce
Shopify Partner
3879 835 738

Hi @VIBO ,

 

Amazing good job. ^^

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

klosetofhoney
New Member
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