Please help me with the most optimized code for making EVERY BUTTON rounded or at least The SUMBIT / add to cart and Checkout / buy it now and if your feeling EXTRA generous to add a css border shadow and border radius to ALL sections
One Love 
1 Like
Welcome to the Shopify community!
Thanks for your good question.
Please share your store URL.
So that I will check and let you know the exact solution here.
@Jaspers_1 Please send me your store URL.
Zworth ! Good to hear from you if the questions were not clear let me know i can explain in more detail. website is www.jaspersplus.com
POSSIBLE TO MAKE THEM NOT SO WIDE AND PS PERFECT ROUNDESS
@Jaspers_1 Go to assetes/theme.css and Paste below css at bottom of file.
.product-item--vertical .product-item__action-button {
border-radius: 20px;
}
Now, obviously I’m not a very good coder. But does simply stacking /adding additional CSS. Versus replacing CSS. Make a difference in the website speed?
button.product-item__action-button.button.button--small.button--primary {
border-radius: 20px !important;
}
Add this code in the bottom of the theme.css or theme.scss file.
ZWorth in your opinion. Does it make a difference if you just add a CSS string to the bottom of the file? Versus actually replacing. The default CSS that was pre existing?
1 Like
@Jaspers_1
Not at all,
by using the extra app it will cause to slow your Website,
No what im asking is does adding css to bottom vs actually replacing / adding the css to the actual area make a speed difference ? Like any button css should all be topgethger vs scattered around?
code had no affect
@Jaspers_1 Something are messed with code. into your File.
}
button.product-item__action-button.button.button--small.button--primary {
border-radius: 20px !important;
}
Try this
That helped. But again. I’m trying to make every single button on the entire website round like that. I just feel like. The owner would yell at me if there were square buttons and round buttons scattered around.
1 Like