[Resolved] Woocommerce borders

Home Forums Support [Resolved] Woocommerce borders

Home Forums Support Woocommerce borders

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1521932
    Matthieu

    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

    #1522020
    David
    Staff
    Customer Support

    Hi there,

    can you check the URL as its 404

    #1522022
    Matthieu

    Hello, It should be good now

    #1522412
    David
    Staff
    Customer Support

    Try this CSS:

    .woocommerce a.button,
    .woocommerce #payment #place_order {
        border-radius: 50px;
    }
    #1522798
    Matthieu

    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

    #1522825
    Leo
    Staff
    Customer Support

    Where can we see the order form?

    #1522858
    Matthieu

    Here it is :

    #1522862
    Leo
    Staff
    Customer Support

    This is what I’m seeing:
    https://www.screencast.com/t/d9slgi70Ty3U

    #1522872
    Matthieu

    Ok … The page is only available by adding a product to the cart and when finalizing the order …

    #1522875
    Leo
    Staff
    Customer Support

    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.

    #1522893
    Matthieu

    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.

    #1522901
    Leo
    Staff
    Customer Support

    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;
    }
    #1522921
    Matthieu

    Wow it worked ! Thank you so much !

    #1522922
    Leo
    Staff
    Customer Support

    No problem 🙂

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.