How to remove black border from Add to cart button ?

Solved

How to remove black border from Add to cart button ?

INKLY
Pathfinder
110 0 12

Hi, I am trying to remove the black border from this add to cart button, any idea how I can do this? Thank you for your help ! 

 

Store URL: https://inkly.fr/?_ab=0&_fd=0&_sc=1&preview_theme_id=163175923977 

 

INKLY_0-1720604085585.png

 

Accepted Solution (1)

Moeed
Shopify Partner
4400 1135 1393

This is an accepted solution.

Hey @INKLY 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-form__submit:after {
    box-shadow: unset !important;
}
</style>

RESULT:

 

Moeed_0-1720604516463.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
4400 1135 1393

This is an accepted solution.

Hey @INKLY 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-form__submit:after {
    box-shadow: unset !important;
}
</style>

RESULT:

 

Moeed_0-1720604516463.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
INKLY
Pathfinder
110 0 12

Thank you Moeed ! 

Moeed
Shopify Partner
4400 1135 1393

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

GTLOfficial
Shopify Partner
289 52 54

Hello @INKLY 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the bottom of the file.

.button--secondary:after {
--border-opacity: none;
}

 

and the result will be
5.png

If this was helpful, hit the like button and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh