Return to previous page

Make add to cart buynow button in single row.

This topic has 2 replies, 2 voices, and was last updated 1 years, 1 months ago ago by Tony Rodriguez

Arun Sankar

Participant

November 1, 2023 at 09:00

we need to move add to cart and buynow button in single row

Please, contact administrator
for this information.

#372208 Copied Theme version: 1.0 WooCommerce version: 8.1.1

1 Answer
Tony Rodriguez

Support staff

November 1, 2023 at 09:30
Hello, @Arun Sankar,

Thank you for contacting us and for using XStore.

Should you desire to align the ‘Add to Cart’ and ‘Buy Now’ buttons in a single row, kindly follow the instructions below:

1. Copy the CSS code provided below.
2. Navigate to XStore > Theme Options > Theme Custom CSS > Global CSS on your website’s backend.
3. Paste the copied CSS code into the Global CSS section.
4. Click ‘Publish’ to save the changes.

Upon successful implementation, the layout should resemble the attached example. https://imgur.com/zc3dpZe

The CSS code;
```
.et-single-buy-now.single_add_to_cart_button.button {
    max-width: 30% !important;
		margin-left: 5px !important;
}
.et_product-block div.quantity~.et-or-wrapper {
    display: none !important;
}
```
We trust that these instructions will effectively address your query.

Best Regards,
8Theme’s Team
#372210 Copied
Tagged: add to cart button, customize woocommerce layout, efficient shopping buttons, single row buynow button, streamlined wordpress shop, user-friendly ecommerce themes, wordpress woocommerce themes
Viewing 2 results - 1 through 2 (of 2 total)