How can I make my checkout button more prominent?

[relentlessrebel]

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!

 

[PageFly-Victor · Accepted solution]

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 </body> :

<style>
button.btn.cart__checkout {
    border: 1px solid red;
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

[relentlessrebel]

Thank you!  Worked perfectly

[relentlessrebel]

Hi again Victor!  Thank you for this! Do you also have a solution for filling in the "Add to Cart" button on the product page with color?  See attached image