Can the "Reviews" placement be swapped with "Related Products" placement?

Currently I have a client that is using both the "reviews" and "related products" built in functionality. However, because the automatic placement for the "related products" is below the "reviews", it isn't doing him any good. Is there some code to place "related products" above the "reviews"? Ideally, I'd actually like them to be side-by-side in two columns...but just flipping them would be better than how it's currently laid out. Thanks so much!

Link to site. I can take a look.

16 hours ago, KwameAndCo said:

Link to site. I can take a look.

Thanks...https://www.lewisrossignolart.com/original-artwork

15 hours ago, KwameAndCo said:

Cool designs!

You can use the following.

/*Squareskills product page reorder*/
#pdp .collection-content-wrapper  {
  display: flex;
  flex-direction: column;
}
.collection-content-wrapper .ProductItem-additional {
  order: 1;
}
.collection-content-wrapper .reviewsSection {
  order: 3;
}
.collection-content-wrapper .productItem {
  order: 2;
}

 

Thanks so much!!!! I really didn't think I'd be able to solve this one. This looks so much better. 

10 hours ago, dross said:

Thanks so much!!!! I really didn't think I'd be able to solve this one. This looks so much better. 

Happy to help.

You can use that order property to put them in whatever order you want with this code. Lowest number first.

@dross can you mark the correct solution so others can easily find it?