How to add wishlist, Add to Cart, and Buy Now buttons in a single line?
-
I added the buttons using elementor but they are not aligning properly for products that don’t have color variations the add to cart and buy now buttons are not taking full width
Attachments:
You must be
logged in to view attached files.
Hello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards,
Hello,
You have missed the username. Please share the email/username and password via the Private Content field so I can check.
Best Regards,
Hello,
Try to add the following custom css code in Theme Settings > Custom CSS > Custom CSS for desktop:
.single-product .product.product-type-simple form.cart .single_add_to_cart_button,
.single-product .product.product-type-simple form.cart .wd-buy-now-btn {
width: 300px;
}
Best Regards,
After applying the code, the Buy Now button has moved to a new line, but I want Add to Cart, Buy Now, and Wishlist all to be in the same line
Attachments:
You must be
logged in to view attached files.
Hello,
The button moved to a new line because 300px is too wide for the available space. If you want them to stay on one line, just reduce the width.
Please update your CSS to:
.single-product .product.product-type-simple form.cart .single_add_to_cart_button,
.single-product .product.product-type-simple form.cart .wd-buy-now-btn {
width: 150px;
}
A smaller width keeps Add to Cart, Buy Now, and Wishlist on the same row instead of wrapping.
Best Regards,
Please look at this wishlist button the position of Add to Cart and Wishlist is the same even when the screen size is changed I want it exactly like this
Attachments:
You must be
logged in to view attached files.
Hello,
If you want to show the add to cart button and wishlist like your screenshot, I have configured the settings on this container in your single product layout, and it is showing like this.
See this screenshot: https://ibb.co/jPW1rvys
Please check back your site and see this container in your layout and use it on your site if you want to show the add to cart button like this. If you have any questions feel free to contact us.
Best Regards,
.
