Add to cart styling with enquiry

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.

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,

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

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

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.

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,

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.

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,

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.

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