Shopify themes, liquid, logos, and UX
Our store is pokersamadhi.com
We haven't launched yet. I am using the Archetype theme Motion.
Solved! Go to the solution
This is an accepted solution.
remove last one and add this
.shopify-payment-button__button {
border-radius: 50px !important;
overflow: hidden;
}
sorry for any issue
and thanks for url,
sorry your store password protect
Hi @pokersamadhi
Your store is password Protect.
Please provide password So that i can check and let you know the solution here.
Hii, @pokersamadhi
Kindly share your store password so,
I can solve it perfectly.
Thank You.
password is psbetatest
thank you!!
password is psbetatest
thank you!!
Add this code at the bottom of your theme.scss file.
.btn {
border-radius: 30px !important;
}
Do let me know if it works for you.
thanks for password can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.btn, .product-reviews .spr-button, .product-reviews .spr-summary-actions a, .rte .btn, .shopify-payment-button .shopify-payment-button__button--unbranded {border-radius: 50px;} /* change value as you like */
Hi @pokersamadhi
Add the code in theme.scss file
.btn {
border-radius: 50px !important;
}
Thank you!! What do I add so that my read more/read less buttons, add to cart, and google pay buttons are rounded as well?
yes please sent issue images
huh?? i want to add to the code so that my read more/less, add to cart, google pay buttons are pill shaped as well. Right now, on the product pages, everything is square, and places where text is long and hidden, the "read more" and "read less" buttons are square too.
can you please show me
@KetanKumar oh! so sorry! yes of course.
here is a link where you can see the read more button is square: https://pokersamadhi.com/pages/tom-mcevoy (picture below)
and here is what all the product pages look like:
yes please try this code
.payment-buttons .btn--tertiary {border-radius: 50px;}
We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?
I am in chrome. all the special payment buttons on product listings are square, whether it be paypal, shop pay or google pay.
Hi @KetanKumar
Would you still be able to help me with this? I'm trying to fix the payment buttons like "buy with paypal." For some reason they are not the same pill shape as the rest of the buttons on my site.
Thank you!
yes please add this code
.shopify-payment-button__button {border-radius: 50px; overflow: hidden;}
This is an accepted solution.
remove last one and add this
.shopify-payment-button__button {
border-radius: 50px !important;
overflow: hidden;
}
Fixed!!! Thank you SO much for all of your help. I appreciate it more than you know!
its my pleasure to help us
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024