Dawn 2.0 ShopPay/PayPal/GPay Rounded Buttons

Solved
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)

Accepted Solutions
hawkscode
Shopify Partner
165 12 10

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

 

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
Shopify Partner
10710 2338 3314

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 | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 3 (3)
hawkscode
Shopify Partner
165 12 10

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

 

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

dmwwebartisan
Shopify Partner
10710 2338 3314

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 | Bag is a cart drawer that maximizes your sales. View app →
Sea-Ninja
Excursionist
15 0 2

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