Solved

How can I make my checkout button more prominent?

relentlessrebel
Excursionist
48 0 5

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!

 

 

 

checkout.png

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1785 3058

This is an 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>

PageFlyVictor_0-1679189419999.png

Hope my answer will help you.

Best regards,

Victor | PageFly

View solution in original post

Replies 4 (4)

Relynjon
Shopify Partner
128 19 21

Hi @relentlessrebel,

 

May I know your store URL?

 

Thanks

 

PageFly-Victor
Shopify Partner
7865 1785 3058

This is an 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>

PageFlyVictor_0-1679189419999.png

Hope my answer will help you.

Best regards,

Victor | PageFly

relentlessrebel
Excursionist
48 0 5

Thank you!  Worked perfectly

relentlessrebel
Excursionist
48 0 5

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

add to cart.png