This topic has 8 replies, 3 voices, and was last updated 1 years, 1 months ago ago by Tony Rodriguez
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
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
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
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.
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
yes working fine, thanks…
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
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