Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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;}
This is an accepted solution.
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!
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;}
You're a legend mate, it worked a treat. Really appreciate the help. Thanks!
This is an accepted solution.
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!
User | RANK |
---|---|
211 | |
167 | |
70 | |
55 | |
53 |
Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023