[Resolved] Customization of add to cart button

Home Forums Support [Resolved] Customization of add to cart button

Home Forums Support Customization of add to cart button

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1370803
    Laura

    Hi!

    I am trying to change two things in add to cart button:

    1.- I want to change Add to cart text for COMPRAR. Done
    2.- I want all the buttons of my site with border-radius= 50px

    When I do the 1st change, the 2nd doesn’t work ok.

    Thanks a lot for your help!!

    #1370988
    David
    Staff
    Customer Support

    Hi there,

    i cannot see an Add to Cart button – Can you link me to a page where i can see the issue ?

    #1370992
    Laura
    #1371007
    David
    Staff
    Customer Support

    You would need to include this class in your CSS:

    .woocommerce div.product form.cart .button

    #1371027
    Laura

    Thanks! Solved

    There is any way to do this action to all the buttons on the website? I mean all the buttons with border-radius=50px?

    #1371140
    Leo
    Staff
    Customer Support

    It depends on how the buttons were generated.

    Can you link me to pages where I can see other buttons?

    #1371266
    Laura

    Of course Leo!

    https://www.cosmoantic.com/finalizar-compra/

    If you do scroll, also in this page:
    https://www.cosmoantic.com/producto/mueble-auxiliar/

    And in the 404 page: https://www.cosmoantic.com/333

    Thank you!!

    #1371321
    Leo
    Staff
    Customer Support

    Try this CSS:

    button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited, a.wp-block-button__link:not(.has-background) {
        border-radius: 50px !important;
    }
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.