Remove white shadow from image banner button Dawn 15v

Solved

Remove white shadow from image banner button Dawn 15v

ctal37
Excursionist
148 1 36

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 WhatsApp Image 2024-08-10 at 16.08.14.jpeg

Accepted Solution (1)
Rahul_dhiman
Shopify Partner
462 93 96

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

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167

View solution in original post

Replies 6 (6)

Rahul_dhiman
Shopify Partner
462 93 96

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
13.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167
ctal37
Excursionist
148 1 36

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

Rahul_dhiman
Shopify Partner
462 93 96

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

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167
ctal37
Excursionist
148 1 36

sorry it is not working even I added the code in theme.liquid as well

Rahul_dhiman
Shopify Partner
462 93 96

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

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167
ctal37
Excursionist
148 1 36

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