Shopify themes, liquid, logos, and UX
Hey!
Right now I have added a code that make some of the buttons rounded but not all of them. For example the "Buy now" button is not rounded. My website is careofpets.se and password is "puppy". If there is someone who knows how I can make all of the buttons rounded I would be very pleased. My website is in swedish so if there is any questions, please ask!
Sincerely,
William
Solved! Go to the solution
This is an accepted solution.
Update the code to this:
<style>
.btn, div[role="button"], button[type="button"], button {
border-radius: 5px !important;
}
</style>
Hi William,
Add this code in your theme.liquid file before </body> tag.
<style>
.btn, div[role="button"] {
border-radius: 5px !important;
}
</style>
If you want more rounded buttons, try increasing the value from 5 to 10px.
Perfect! Now some of my buttons is rounded but my button "Köp nu" is still squared, do you know why?
Can you send me a preview link of the theme where you applied the code, and tell me where the button is which is not round ?
https://careofpets.se/ - password "puppy"
If you go down at the page and look at the "Köp nu" button it is still squared after the coding.
This is an accepted solution.
Update the code to this:
<style>
.btn, div[role="button"], button[type="button"], button {
border-radius: 5px !important;
}
</style>
Thank you so much! Now it is working:)
Thank you this helped with my theme as well. I want to round the typing fields on my website any idea on what I should do?
@taylormcgee Paste this in your theme.liquid file before closing body tag "</body>";
<style>
input[type=text], textarea {
border-radius: 5px !important;
}
</style>
This doesnt work for the Pay with Apple Pay Button on Safari nor the Pay with Paypal on Google Chrome
Please post your store's link, so that i can provide you with specific code to make those button edges round.
www.stickzus.com : Store Link.
I have the theme Brooklyn
Also if you are able to help me with making the search logo I have on the desktop a drawer on the moblie site. I cant find a result anywhere
Hi I saw your code about your rounded button and I wanted to know if you could help me fix mine. I'm having the same issue with the sharp corners sticking out still.
Thanks in advance,
Speedough
website: imporetant.com
Hi, We have another problem. Would only our sold out button and sale button round. And if possible with a little bit shadow 😉 How could we do this??
Do you know the code to make all the pay buttons round as well? 🫶🏻
Hi there,
I've tried your code on my theme but only add to cart button is rounded now.
All buttons like "view options" on homepage are still not rounded...
My theme is FLOW
I could send you by MP my website link and password.
Thanks in advance !
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024