Shopify themes, liquid, logos, and UX
Hello,
I have this button on my home page, and have my hover settings correctly setup in the theme settings, but when I hover over the button, it doesn't hover correctly. I want the button to be white on hover but it doesn't change color. How can I fix it?
Solved! Go to the solution
This is an accepted solution.
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the <style> tag before the body ----->
if this code work please do not forget to like and mark it solution
a.action_button.first_button.highlight-true:hover {
color: white !important;
background-color: black !important;
}
This is an accepted solution.
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the <style> tag before the body ----->
if this code work please do not forget to like and mark it solution
a.action_button.first_button.highlight-true:hover {
color: white !important;
background-color: black !important;
}
It didn't work. Is it not possible to adjust this through the settings of the theme?
Hi @alexlomt1,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
section#banner-1489283389016 .action_button:hover {
background: white !important;
border-color: white !important;
}
I don't have any of those files. Is there a solution specific to the Turbo theme?
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025