Shopify CSS Modification – Remove Button Border? [closed]

Closed. This question needs debugging details. It is not currently accepting answers. Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question. Closed 9 days ago. Improve this question 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:

Comment (1)

Jese Leos

August 19, 2024

Verified user

You have to add the --border-offset: 0; to the tag

You’ll be in good company