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
  • July 12, 2024 at 9:17 pm #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

    July 12, 2024 at 9:27 pm #583041

    mohamed_aitallal
    Participant

    p

    Attachments:
    You must be logged in to view attached files.
    July 13, 2024 at 2:35 pm #583129

    Aizaz Imtiaz Awan
    Keymaster

    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.

    July 20, 2024 at 7:20 pm #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.
    July 22, 2024 at 10:07 am #584688

    Aizaz Imtiaz Awan
    Keymaster

    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.

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