I’m building a development store in Shopify and working on doing minor, local CSS adjustments. I keep running into an issue where the buttons have a border that I am not able to remove by selecting the element and using border: none;.
A link to the store is below with the password. You can choose any button but I’m working on the Coffee Club section at the moment. Even if I use border-radius, a border shows up around the original element. I’m not sure where the border is coming from even after spending some time in the inspector in Chrome to explore the CSS. Two images are attached to show the issue:
To view the store and source go here: https://analog-coffee-company.myshopify.com/ and use the password: iafort
>Solution :
You have to add the
--border-offset: 0;
to the tag
