A Shopify theme user encountered a styling issue after disabling the dynamic buy option on their product page. The “Add to Cart” button now displays incorrectly with a beige/page-colored background square around the text, while the button itself is yellow.
Key Details:
The issue only appears when dynamic checkout buttons are turned off
Other store buttons display correctly (solid yellow without background anomaly)
User can change the button color, but the beige square around the text persists
Screenshots show the visual difference between desired and current button appearance
Current Status:
Another user suggested checking CSS code to resolve the styling conflict
No specific solution or code fix has been provided yet
The discussion remains open with the original poster seeking guidance on which CSS to modify
Summarized with AI on October 29.
AI used: claude-sonnet-4-5-20250929.
I want the dynamic buy option to be removed from my product page. This was done successfully.
However, when i do so the colour of my add to cart button changes. See the pictures as well. So when the dynamic option is switched off, the colour of the add to cart button changes to yellow, and the text background is the same colour of my page. Other buttons in my store are just showing yellow, without the difference in background. Ive also added a picture.
I can change the colour of the button, that works just fine. The problem is the beige colour square that is directly around the text that is the problem. That is the same colour as the background of the page, but it doesnt change colour when i change the colour of the button.
