Home Forums WoodMart support forum add to cart button

add to cart button

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #160356

    masood nikroo
    Participant

    Hello,
    how to change size add to cart button on product page to wide.
    Regards.

    #160399

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .single_add_to_cart_button{
    width:80%
    }

    Best Regards

    #160481

    masood nikroo
    Participant

    Hello,
    this css code isnt work.
    what can i do?
    Regards.

    #160482

    masood nikroo
    Participant

    i want to change my add to cart width like this image:
    https://drive.google.com/file/d/186ToDkMRp_O0gKwkZ0n2haAzdh1VxogZ/view?usp=drivesdk

    #160551

    Hello,

    Such button modification is not covered by our support. You need to find a special plugin for this payment method or customize Woocommerce.

    Replace the code with this one:

    body .single_add_to_cart_button{
    width:80%;
    }

    Best Regards

    #160570

    BaBaBaker
    Participant

    Try this css code 🙂

    /* add to cart */
    .product-image-summary .single_add_to_cart_button {
        margin-bottom: 10px;
    		width:100% !important;
    		max-width:100%;
    			border-top-left-radius:5px;
    	border-top-right-radius:5px;
    	border-bottom-left-radius:5px;
    	border-bottom-right-radius:5px;
    	font-weight:500;
    	font-size:15px;
    	letter-spacing:0.8px;
    	
    }
    .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart{
    	display:flex;
    }
    Attachments:
    You must be logged in to view attached files.
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘add to cart button’ is closed to new replies.