Hello! How can I make the “Checkout” option more prominent and stand out more? Can I make it a colored box around it somehow? See image please. Thank you!
Topic summary
A store owner seeks to make their checkout button more visually prominent and stand out better on their site.
Solution Provided:
- Add custom CSS code to the theme.liquid file (before the tag)
- Access via: Online Store → Theme → Edit code
- The CSS markup was shared to style the checkout button
Outcome:
- The initial solution worked successfully for the checkout button
Follow-up Request:
- The user now asks for a similar solution to fill the “Add to Cart” button on product pages with color
- An image was attached showing the current button appearance
- This secondary request remains unanswered
Hi @relentlessrebel ,
This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :
Hope my answer will help you.
Best regards,
Victor | PageFly
Thank you! Worked perfectly
