Dawn 2.0 ShopPay/PayPal/GPay Rounded Buttons

Solved
Sea-Ninja
Tourist
4 0 0

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
74 15 13

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 or Customize your theme ,
- Feel free to contact me on vikash.hawkscode@gmail.com regarding any help
- Skype : vikas.hawkscode

View solution in original post

dmwwebartisan
Shopify Partner
9731 2225 3053

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
74 15 13

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 or Customize your theme ,
- Feel free to contact me on vikash.hawkscode@gmail.com regarding any help
- Skype : vikas.hawkscode

View solution in original post

dmwwebartisan
Shopify Partner
9731 2225 3053

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

Sea-Ninja
Tourist
4 0 0

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