Dawn 2.0 ShopPay/PayPal/GPay Rounded Buttons

Store Design
1

Hi,

I’ve rounded pretty much all of the buttons on my website but can’t figure out how to round the ShopPay, Paypal and GPay buttons in the shopping cart.

My website is still under construction so it’s password protected. Added a test product so you can see the buttons appear in cart when a product is added.

Website: www.seaninja.co.nz

Password: NZSeaNinja123

Appreciate the help.

Cheers.

2

Hi @Sea-Ninja

open file component-cart.css

add this code in bottom

.cart__dynamic-checkout-buttons div[role=button] {border-radius: 10px!important;}
iframe._1qHzu06EhANVVG3mlfU6Ho.paypalLight._9ATKCDN1-_J5vniMChq1n {border-radius: 10px;}
1 Like
3

@Sea-Ninja

Please add follwoing css your assets/component-cart.css at bottom of the file .

.cart__dynamic-checkout-buttons div[role=button] {border-radius: 10px!important;}
iframe._1qHzu06EhANVVG3mlfU6Ho.paypalLight._9ATKCDN1-_J5vniMChq1n {border-radius: 10px;}

Thanks!

1 Like
4

You’re a legend mate, it worked a treat. Really appreciate the help. Thanks!