Make reviews textbox show on on the bottom.

[Dluxco]

I have been trying to make the reviews section show in a single column rather than the dual column style the theme comes with. I imput the following code on the custom global css section of the theme:

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;
}

This does make the review section appear as single column, but the review input text box is located on the top part followed by the reviews themselves. How can I make it to where it shows the reviews first, then the review text input box on the bottom part after the reviews?

• This topic was modified 3 years, 8 months ago by Dluxco.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry, but to achieve what you require you need to customize the Woocommerce reviews template file.

We could not help with Customizations as this is beyond our limitations and support policy.

Best Regards

[Author]

Posts