Return to previous page

We can’t get proper alignment in the product page

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

anand

Participant

September 19, 2023 at 09:05

Hi Sir/Mam,

we can’t get proper alignment in the product page,
We will looking full width in the product page – “pin code entry” and “add to card box.”

When we upload the product – simple product we getting this aliment please check screen shot.
https://prnt.sc/KR7TxJKNJZa6

When we upload the product – variable product we getting this aliment please check screen shot.
https://prnt.sc/hnHCAYm9k9jR

we will looking this kind of aliments
Ref : https://prnt.sc/9KQG95qGSKcj

#367844 Copied Theme version: 9.1..

7 Answers

Rose Tyler

Support staff

September 19, 2023 at 12:25

Hello, Anand,

Thank you for contacting us and for using XStore.

Please provide URL of this product – https://prnt.sc/hnHCAYm9k9jR

Kind Regards,
8theme team

#367875 Copied

anand

Participant

September 19, 2023 at 12:29

1.https://lgdemo.in/product/alphanso-sofa/

2.https://lgdemo.in/product/test/

#367876 Copied
Tony Rodriguez

Support staff

September 19, 2023 at 12:40
Hello, @anand,

Thank you for providing us with the URLs of the products. As you are aware, one of these is a simple product and the other is a variable product. The variable product is displaying correctly in full width, however, the simple product is not.

To rectify this issue and ensure both products display in full width, please follow the instructions below:

1. Copy the following CSS code:
```
.single-product .wc-delivery-time-response {
    width: 100% !important;
}
```
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.

This should resolve the issue and result in both products displaying at full width.

Please see the attached image for a visual representation of how the result should appear: https://postimg.cc/G985ptWC

Best Regards,
8Theme’s Team
#367878 Copied
anand

Participant

September 19, 2023 at 12:51

Hi Sir,

Thanks,
Simple product page working fine. we are looking same alignment in variable product page also.

The variable product is not displaying correctly in full width.
please check the screen shot.
https://prnt.sc/nIdTvleLqfm4
it’s showing out of box.

#367879 Copied
Tony Rodriguez

Support staff

September 19, 2023 at 13:11
Hello, @anand,

Thank you for reaching out to us. To resolve the issue you are experiencing with the variable product, kindly follow the steps outlined below:

1. Copy the CSS code provided below:
```
.single-product .et_element.connect-block-element-4C4L5 > form.cart {
    width: 100% !important;
}
```
2. Navigate to Xstore >> Theme Options >> Theme Custom CSS >> Global CSS on your site.

3. Paste the copied CSS code into the Global CSS section.

4. Clear your browser cache and revisit your site to check if the issue has been resolved.

We hope this helps. If you have any further questions or concerns, please do not hesitate to contact us.

Best Regards,
8Theme’s Team
#367882 Copied
anand

Participant

September 19, 2023 at 13:18

yes working fine, thanks…

#367884 Copied

Tony Rodriguez

Support staff

September 19, 2023 at 13:30

Hello, @anand,

We would be grateful if you could kindly leave a 5-star rating for our theme and customer and technical support on ThemeForest at http://themeforest.net/downloads. Doing so would help us to provide more updates and dedicated support in the future. Your support would be greatly appreciated.

Thank you for your time. We hope you have a wonderful day.

Please note that for any new issues, you should create a new ticket on the support forum.

This topic is now closed.

Warm regards,
8Theme’s Team

#367889 Copied
Tagged: customize woocommerce templates, fix woocommerce alignment, improve woocommerce page, product page alignment, product page layout issues, woocommerce layout solutions, wordpress woocommerce templates
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘we can’t get proper alignment in the product page’' has been successfully resolved, and the topic is now closed for further responses

We can’t get proper alignment in the product page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection