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 2 years, 11 months ago by Dluxco.
Attachments:
You must be
logged in to view attached files.