Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
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;}
User | RANK |
---|---|
119 | |
97 | |
73 | |
72 | |
46 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022