Move Wishlist on product page next to AddToCart box, and css for add to cart box

Can you move the Add to Wish list just the HEART icon only – to next to the AddToCart box
And can you also provide css to change size of AddToCart box – need to make these bigger to drive conversion

Attachments:

You must be logged in to view attached files.

Hello,

Do you want to make Add to cart button bigger or make it all the width remaining?

Unfortunately, Woocommerce page structure does not allow to align with Add to cart button, we can locate it right under the button.

If you have any questions please feel free to contact us.

Best Regards

Thanks, yes if you can make the add to cart a bit wider or tell me the css or how and I do that
Attached is the sort of rough idea of layout I want for that side of the product image
If you cant put add to watch list in-line with add-to cart then you can do what you mentioned thanks

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .single_add_to_cart_button {
	min-height: 50px;
	min-width: 200px;
	font-size: 16px;
}

You can change 200px for the value as per your needs.

In case the Add to cart height is changed, it may be necessary to increase the quantity height, you can do that with this code:

.woocommerce-variation-add-to-cart div.quantity input[type="button"],
.woocommerce-variation-add-to-cart div.quantity :is(input[type="number"],input[type="text"]) {
	height: 50px;
}

If you have any questions please feel free to contact us.

Best Regards

Can you give me css to remove the CLEAR option …. and also can we possibly code the WISHList to be next to the ADD-TO-CART button …. makes sense on mobiles

Attachments:

You must be logged in to view attached files.

Hello,

Could you kindly provide the product page URL, I cannot find this product.

Best Regards

[Author]

Posts