Home › Forums › WoodMart support forum › Product Reviews Tab Width

Product Reviews Tab Width

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 7, 2021 at 10:48 am #311281

    Little Panda
    Participant

    Hello,

    Currently the reviews tab of the products dispolays as two columns with the reviews on the left and the product review form on the right. When we have many reviews it looks strange having all the blank space to the right. Is there a way to have this tab full width?

    Maybe it’s a woocommerce issue but thought I would check with you guys

    Please see our examples in the private area:

    August 7, 2021 at 10:53 am #311284

    Little Panda
    Participant

    Oh I think I worked it out with some code you give before. Is this correct?

    body .woocommerce-Reviews {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    }
    body .woocommerce-Reviews #comments,
    body .woocommerce-Reviews #review_form_wrapper {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    }
    body .woocommerce-Reviews #comments {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    }
    body .woocommerce-Reviews .commentlist {
    margin-top: 20px;
    margin-bottom: 0;
    }

    August 7, 2021 at 10:57 am #311285

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    We are Glad that you managed to find a solution for yourself. You are Great!!

    You can keep the CSS if this works for you.

    Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

    Have a wonderful day.

    Topic Closed.
    Best Regards.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Product Reviews Tab Width’ is closed to new replies.