We can’t get proper alignment in the product page

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

  • Avatar: anand
    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

    7 Answers
    Avatar: Rose Tyler
    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

    Avatar: anand
    anand
    Participant
    September 19, 2023 at 12:29
    Avatar: Tony Rodriguez
    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

    Avatar: anand
    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.

    Avatar: Tony Rodriguez
    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

    Avatar: anand
    anand
    Participant
    September 19, 2023 at 13:18

    yes working fine, thanks…

    Avatar: Tony Rodriguez
    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

  • 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

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.