Home Forums WoodMart support forum Display single product issue

Display single product issue

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #678514

    Etienne
    Participant

    Hello, I have a problem with the display style of the products. From Theme options -> Single product -> Layout -> I choose to align the product description to the left in particular, but everything remains centered in the middle of the page. The display is not the one I choose, and it is not pretty. It’s strange, I regularly use your theme and I have not encountered this problem yet. Thank you for your help.

    Attachments:
    You must be logged in to view attached files.
    #678584

    Hello,

    Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

    Best Regards,

    #678606

    Etienne
    Participant

    ok thank you

    #678722

    Hello,

    I checked your site and found that the issue is being caused by the custom CSS you’ve added in Theme Settings > Custom CSS. This code is overriding the theme’s default single product layout settings, which is why the description alignment remains centered even when you choose the left alignment option in Theme Options.

    Please review or remove the conflicting CSS, and the layout should follow the setting you’ve selected.

    Best Regards,

    #679069

    Etienne
    Participant

    Ok, that’s weird, I didn’t touch anything in css code, and I can’t even find where is the code you are talking about ^^
    Could you delete it ? : )

    #679213

    Hello,

    This custom css is causing the issue. Navigate to Theme Settings > Custom CSS and check this code. Now, I have commented out this code.

    .wd-grid-g {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      align-items: stretch;
    }
    
    .wd-grid-g > * {
      flex: 1 1 22%;            /* permet de s’adapter au nombre d’éléments */
      max-width: 25%;           /* limite à 4 par ligne */
      min-width: 250px;         /* évite que les blocs soient trop petits */
      box-sizing: border-box;
      text-align: center;
    }

    Best Regards,

Viewing 6 posts - 1 through 6 (of 6 total)