Dynamic checkout buttons

Store Design
, ,
1

Hi, I know this issue has been addressed before, but I can’t seam to integrate it on my store.

I’d like the dynamic checkout button (the one that goes between Apple Pay, Shop, etc) to be exactly like the add to cart one which I’ve configured to have rounded edges.

My store - thenacaduct.com

Thank you!

2

Hi @Thenacaduct ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

3

Thank you for the reply. I’ve pasted that, but it didn’t work. Screenshot attached of what I did.

Screenshot 2024-04-04 at 13.16.01.png
Screenshot 2024-04-04 at 13.16.01.png2946×1860 505 KB

4

I’ve now opened the console. Can you please try it now? Thank you so much

5

Hi @Thenacaduct ,

Add This Css in your Edit Code > Base.css File

.shopify-cleanslate div[role="button"] {
    border-radius: 20px !important;
}

Resut:

LuffyOnePiece_0-1712241968332.png
LuffyOnePiece_0-1712241968332.png563×486 17.2 KB

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

1 Like
6

Thank you so much! That did the trick. Just used 100px to follow the button above.