Shopify themes, liquid, logos, and UX
Hi,
I would like to change the hover background color of my text columns section buttons to #ff6f0f on hover.
Thanks,
Hannah
Solved! Go to the solution
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.
Hi @VIBO
Would you mind sharing your store's URL so we can provide a solution?
Hi there, vibovisionboards.myshopify.com
pw - whauch
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.
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?
Never mind I actually figured it out. Thanks!
.grid--uniform .grid__item .btn--small:hover {
background: #ff6f0f;
border: #ff6f0f;
}
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.
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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024