Home Forums WoodMart support forum ADD TO CART BUTTON & BUY NOW BUTTON

ADD TO CART BUTTON & BUY NOW BUTTON

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #583040

    mohamed_aitallal
    Participant

    HELLO CAN YOU HELP ME CHANGE THE SIZE OF ADD TO CART BUTTON AND BUY NOW BUTTON AND MAKE THEM BIGGER AS THE FOLLOWING LINK. I TRIED SOME CSS BUT I DIDNT LIKE THE BUTTON DESPLAY ON PHONE ALSO ON STICKY ADD TO CART :

    .single_add_to_cart_button {
    min-width: 100% !important;
    }
    .wd-buy-now-btn {
    — min-width: 0% !important;
    }

    I WANT BUTTONS LIKE THIS ===> https://woodmart.xtemos.com/mega-electronics/product/apple-macbook-pro-16-m1-pro-2/
    https://woodmart.xtemos.com/mega-electronics/product/apple-macbook-pro-16-m1-pro-2/

    THANKS

    #583041

    mohamed_aitallal
    Participant

    p

    Attachments:
    You must be logged in to view attached files.
    #583129

    Hello

    I have not seen the buy now button and sticky add to cart on your site. The demo link you have sent me. This demo is using a custom layout of themes. If you want to make it like this, try to use a custom layout for this.
    https://ibb.co/mNDbCQK

    Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

    Best Regards.

    #584605

    mohamed_aitallal
    Participant

    HELLO PLEASE CHEXK THE LINK I WANT YOU TO HELP ME TO FIX THAT AS YOU SEE THE ADD TO CART BUTTOM IS UNDER THE QUNTITY IN THE BUTTON OF THE PAGE PLEASE CHECK THE SCREENSHOT ATTACHED.
    THIS ERROR HAPPENED ONLY WHEN THE QUANTITY MORE THAN 1

    Attachments:
    You must be logged in to view attached files.
    #584688

    Hello,

    Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for desktop section:

    .wd-sticky-btn form.cart {
        display: flex;
        margin-right: 36px;
        flex-wrap: nowrap;
        justify-content: center;
    }
    .wd-sticky-btn p.stock {
        font-size: 10px !important;
        margin-right: 50px !important;
    }

    Best Regards.

Viewing 5 posts - 1 through 5 (of 5 total)