FROM CACHE - en_header

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
177 14 12

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
11154 2395 3435

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 | Click here GemPages The most powerful Shopify page builder.

View solution in original post

Replies 3 (3)
hawkscode
Shopify Partner
177 14 12

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
11154 2395 3435

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 | Click here GemPages The most powerful Shopify page builder.
Sea-Ninja
Excursionist
15 0 2

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