All things Shopify and commerce
hiii
I want to remove this white shadow border of image banner button just keep the red border only and don't want any changes for any other button.
store url https://5a3cf5-fc.myshopify.com/
check the screenshot
Solved! Go to the solution
This is an accepted solution.
Can you find exactly this code - from line number 1260 to 1268 in ----> assets ----> base.css
if yes then delete and save.
.button:not([disabled]):hover:after, .shopify-challenge__button:hover:after, .customer button:hover:after, .shopify-payment-button__button--unbranded:hover:after {
--border-offset: 1.3px;
box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background));
}
Thanks
Hello @ctal37
Go to online store ---------> themes --------------> actions ------> edit code------->base.css ----> line number 1264
search this code and delete.
.button:not([disabled]):hover:after, {
--border-offset: -1.7px;
box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),
var(--border-opacity)), 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background));
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
hey @Rahul_dhiman , this exact matching code isn't available and I deleted a lookalike and it messed the whole store I repasted, help me with some other code or other way please
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
add this code at the end of the file.
.button:not([disabled]):hover:after, {
box-shadow: none !important;
}
Thanks
sorry it is not working even I added the code in theme.liquid as well
This is an accepted solution.
Can you find exactly this code - from line number 1260 to 1268 in ----> assets ----> base.css
if yes then delete and save.
.button:not([disabled]):hover:after, .shopify-challenge__button:hover:after, .customer button:hover:after, .shopify-payment-button__button--unbranded:hover:after {
--border-offset: 1.3px;
box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background));
}
Thanks
heyy @Rahul_dhiman .. I know this is gonna sound so random but can we just talk over a call.. its just about my store.. it will be easy for me to explain the things.. please try considering this text ill be glad 🙂 I tried messaging you
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024