I want the border of the “Add to cart” button to be thicker and change the color to attract customers’ attention.
Help me, https://www.tipiteastore.com/products/tipi-pot%E2%84%A2-magic-pot
Topic summary
Goal: Make the product page’s “Add to cart” button more attention‑grabbing by increasing border thickness and changing its color.
Proposed solution: Edit the theme’s CSS. Navigate to Online Store > Themes > Actions > Edit code, open base.css, and add a rule targeting the button’s ID (#ProductSubmitButton-template–15810886140022__main). Set a thicker border (2px solid #669803) and match the text color to the same green (#669803) with !important, then save.
Evidence/result: A screenshot was shared showing the updated button appearance after applying the CSS. No additional alternatives or theme-wide approach were discussed. The thread appears addressed with a concrete CSS fix; acceptance by the original poster was not explicitly confirmed.
Hello @tipitea
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.
#ProductSubmitButton-template--15810886140022__main {
border: 2px solid #669803;
color: #669803 !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
1 Like