Dawn Theme / Product Page / Round PayPal button

Solved

Dawn Theme / Product Page / Round PayPal button

Tatjanaa
Excursionist
15 0 5

Hi,

 

I have rounded buttons across the site and also in the cart but the PayPal button on the product page still appears squared. How can round it as well?

5BFF5890-E048-417D-BB4D-06A84E656204.jpeg

Accepted Solution (1)
KetanKumar
Shopify Partner
36927 3642 11995

This is an accepted solution.

@Tatjanaa 

can you try this 

1. Go to Online Store->Theme->Edit code
2. Asset->/section-main-product.css ->paste below code at the bottom of the file.

.shopify-payment-button__button {
border-radius: 30px !important;
    overflow: hidden;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 8 (8)

KetanKumar
Shopify Partner
36927 3642 11995

@Tatjanaa 

can you please share store url so i wil check and let you know 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Tatjanaa
Excursionist
15 0 5

Hi Sure, happy-cushion.com

kovacicM
New Member
8 0 0

@Tatjanaa 

Kindly Add this code into the base.css file.

 

You find base.css in your theme file. Just insert the following code.

 

.paypal-button-logo-color-blue {border-radius: 30px !important;}

 

Let me know is it working or not.

Did my reply work for you?
If helpful, please Like and Accept the Solution.
Tatjanaa
Excursionist
15 0 5

Hi, unfortunately, this didn't help. I noticed that this button sometimes says buy now and sometimes Paypal. I wonder if the code needs to be added for the buy now button instead?

KetanKumar
Shopify Partner
36927 3642 11995

This is an accepted solution.

@Tatjanaa 

can you try this 

1. Go to Online Store->Theme->Edit code
2. Asset->/section-main-product.css ->paste below code at the bottom of the file.

.shopify-payment-button__button {
border-radius: 30px !important;
    overflow: hidden;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Tatjanaa
Excursionist
15 0 5

Thanks a lot this worked !!!

KetanKumar
Shopify Partner
36927 3642 11995

@Tatjanaa 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
DRAWandCARE
Pathfinder
128 0 18

Hello!

Can you help me to make the 'Pay with PayPal' button in light gray color? My theme is DAWN 15.
Will be extremely grateful to you!

 

My website: Handmade Custom Watercolor Cat Portrait – DRAWandCARE

 

screen.png

 

And this is how it should look:

 

screen_1.png