Issue: Border (black outline) on the “Add to Cart” button in the Featured Collection section couldn’t be removed despite prior code attempts. Section is located at the bottom of the page before the footer; store preview link and screenshots were provided.
Key guidance:
button.vtl-product-card__atc-button { box-shadow: none !important; }. A screenshot showed the border removed after this change.Outcome: The poster acknowledged the CSS solution with thanks, indicating the issue was resolved. No further issues or disagreements were reported.
Status: Resolved. Images were used to confirm the visual result.
Hi I can’t seem to be able to remove the border from the add to cart button in the feature collection section.
I’ve tried modifying the code like other answer from this forum suggest but until now none of them have worked. Can someone please help me with this. Thank you !
Store URL: https://inkly.fr/?_ab=0&_fd=0&_sc=1&preview_theme_id=162907095305
Hey @INKLY
I’m unable to locate this section on your product page, do you have this section disabled? If yes, then can you please enable it?
Best Regards,
Moeed
Hi @Moeed , the section is not disabled it is a the bottom of the page just before the footer.
Hello @INKLY
Go to online store ---------> themes --------------> actions ------> edit code------->theme.CSS
add this code at the very end of the file.
button.vtl-product-card__atc-button {
box-shadow: none !important;
}
and the result will be
If this was helpful, hit the like button and mark the job as completed.
Thanks
Hey @INKLY
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you very much @Rahul_dhiman
