Home › Forums › WoodMart support forum › Add to cart styling with enquiry

Add to cart styling with enquiry

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 15, 2026 at 2:50 pm #704565

    shweta
    Participant

    Dear Team,

    I need a small help. https://mukulgoyal.com/product/the-sufiyana/

    I have added enquiry button. I want it next to add to cart reducing the width of add to cart. How can I do this?

    I hope you understand the issue…

    Attachments:
    You must be logged in to view attached files.
    January 16, 2026 at 9:06 am #704654

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Navigate to Layouts > Edit Single product layout > Edit product add to cart widget and disable the full width design and choose the default.

    For the add to cart styling, Try to add the following custom css code in Theme Settings > Custom CSS:

    .wd-single-add-cart form.cart {
    display: flex;
    align-items: center;
    gap: 10px;
}

    Best Regards,

    January 18, 2026 at 11:57 am #704911

    shweta
    Participant

    Instead can I have a CSS for a specific page id than changing global settings?

    January 19, 2026 at 9:49 am #704972

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    You can target a specific product page only with CSS instead of changing the global layout.

    Each single product page has a unique ID.

    body.postid-15385 .wd-single-add-cart form.cart {
    display: flex;
    align-items: center;
    gap: 10px;
}

body.postid-15385 .wd-single-add-cart .single_add_to_cart_button {
    width: 20px !important;
}

    Replace 15385 with your product’s real ID (you can find it by editing the product in WordPress and checking the URL).

    Best Regards

    January 20, 2026 at 5:17 pm #705334

    shweta
    Participant

    Not working. I want both the buttons to be on side of each other, covering the full width together.

    Attachments:
    You must be logged in to view attached files.
    January 21, 2026 at 10:21 am #705430

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Navigate to Layouts > Edit Single product layout > Edit product add to cart widget and disable the full-width design and choose the default and check the add to cart button width.

    See Screenshot for clarification: https://ibb.co/JR3JxqR2

    Best Regards,

    January 22, 2026 at 8:04 am #705579

    shweta
    Participant

    Sir, I am. repeating. If I navigate to Layouts > Edit Single product layout > Edit product add to cart widget and disable the full-width design and choose the default, It. will apply to all products. I need only to apply this on one particular product.

    I hope you’ll understand my problem. I request for a solution, as you see I hold more than 16 license for your theme only because that your support has never failed us.

    January 22, 2026 at 1:33 pm #705643

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Try to add the following custom css code in Theme Settings > Custom CSS:

    .postid-15385 .single_add_to_cart_button {
    width: 180px !important;  
    max-width: 30% !important; 
    display: inline-block !important; 
}

    Best Regards,

    January 23, 2026 at 1:54 pm #705790

    shweta
    Participant

    Add to cart width is reduced but inquiry button is still below it. Screenshot Attached.

    Attachments:
    You must be logged in to view attached files.
    January 23, 2026 at 2:51 pm #705806

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Unfortunately, it is not possible to display the Enquiry button inline with the Add to Cart button. The HTML structure generated by the plugin does not allow this layout. You can test this by switching to a default theme to confirm that the behavior is caused by the structure itself.

    Best Regards,

  • Author
    Posts

Tagged: , ,

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