how can I change the color of the green box around the check out button?
Topic summary
A user seeks to change the color of the green border around their checkout button.
Community Response:
- Multiple respondents request the store URL and password (if password-protected) to diagnose the issue
- One solution provider (PageFly-Henry) offers CSS code to modify the border color:
- Navigate to: Online Store → Theme → Edit code
- Locate
theme.liquidfile - Insert custom CSS targeting
[name="checkout"]withborder-color: red !important; - Includes a screenshot reference for guidance
Technical Consideration:
- Another respondent asks if the user is on Shopify Plus with access to edit the
checkout.liquidfile, suggesting the solution may vary based on plan tier
Status: The discussion remains open, awaiting the user’s store details or confirmation of which solution approach works for their setup.
hi @Xperience
could you please provide your website URL so I can fix that if your store password protected then share password also
Hey @Xperience
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Moeed
Hi @Xperience
Could you share your store link to check?
Hi @Xperience
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag → save.
[name="checkout"] { border-color: red !important; }
Hope that my solution works for you.
Best regards,
Henry | PageFly
Hi there, we assume you are on Shopify Plus? Is your checkout.liquid file editable?
Cheers.
WhiteWater Web