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.
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
@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
You’re a legend mate, it worked a treat. Really appreciate the help. Thanks!