Dawn 2.0 ShopPay/PayPal/GPay Rounded Buttons

[Sea-Ninja]

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.

[hawkscode · Accepted solution]

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;}

[hawkscode · Accepted solution]

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;}

[Sea-Ninja]

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

[dmwwebartisan · Accepted solution]

@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!