Shopify Design

Sea-Ninja · ‎11-17-2021

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 · ‎11-20-2021

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

If helpful, please Like and Accept Solution

if you Want to Modify / Customize your theme , Feel free to contact me

Email : vikash.hawkscode@gmail.com

Skype : vikas.hawkscode

www.hawkscode.com

View solution in original post

dmwwebartisan · ‎11-20-2021

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app