Re: Dawn 2.0 ShopPay/PayPal/GPay Rounded Buttons

Solved

Dawn 2.0 ShopPay/PayPal/GPay Rounded Buttons

Sea-Ninja
Excursionist
15 0 2

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.

Accepted Solutions (2)

hawkscode
Shopify Partner
177 14 14

This is an 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;}

 

banned

View solution in original post

dmwwebartisan
Shopify Partner
12321 2551 3714

This is an 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!

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

View solution in original post

Replies 3 (3)

hawkscode
Shopify Partner
177 14 14

This is an 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;}

 

banned
Sea-Ninja
Excursionist
15 0 2

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

dmwwebartisan
Shopify Partner
12321 2551 3714

This is an 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!

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