Archived topic
Woocommerce borders
13 replies · Started by Matthieu on November 7, 2020
Hello, I would like to know if there is a possibility in css to round the borders of woocommerce buttons as well as the borders of the payment form. 😁
Thanks
Hi there,
can you check the URL as its 404
Hello, It should be good now
Try this CSS:
.woocommerce a.button,
.woocommerce #payment #place_order {
border-radius: 50px;
}
Hello thank you for your answer, it worked for buttons. A solution to round the borders of the order form ? (Example : Nom, prénom etc..)
Thanks
Where can we see the order form?
Here it is :
This is what I'm seeing:
https://www.screencast.com/t/d9slgi70Ty3U
Ok ... The page is only available by adding a product to the cart and when finalizing the order ...
So can you guide me to the page where I can add the products?
I went to the Services page (only thing in the menu item) and don't see a product there.
The site isn't in English so it's not very easy for me to navigate.
Yes of course ! So from this page: https://www.mmgraphik.com/
Click on one of the "Kaiso" items. Then click on the button "ajouter au panier" then the button : "valider la commande" and you will arrive on the page.
Try this:
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
border-radius: 50px;
}
Wow it worked ! Thank you so much !
No problem :)