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
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025