Title: Styling
Last modified: December 18, 2019

---

# Styling

 *  Resolved [stefanoid3](https://wordpress.org/support/users/stefanoid3/)
 * (@stefanoid3)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/styling-95/)
 * Hello,
    Currently, when i use the shortcode the reviews go one after another..
   Can i style them to be 3-4 in a row? The plugin is amazing, just missing style
   options (beside the dark theme etc)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/)
 * (@designextreme)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/styling-95/#post-12250532)
 * Hello [@stefanoid3](https://wordpress.org/support/users/stefanoid3/),
 * Yes, you can do this is you’re good with styling.
 * The reviews are in the form of a unordered list. You can set the `<ul>` to `display:
   flex; flex-wrap: wrap;` and set the flex for each `<li>` to something like: `
   flex: 1 0 21%; margin: 0 1% 10px 0;`. This is off the top of my head but there
   is an example at [Common CSS Flexbox | Tobias Ahlin](https://tobiasahlin.com/blog/common-flexbox-patterns/#3x3-grid).
 * Please post your finished result here and I may add a variant to the plugin as
   a future theme!
 * All the best,
 * Noah
 *  Thread Starter [stefanoid3](https://wordpress.org/support/users/stefanoid3/)
 * (@stefanoid3)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/styling-95/#post-12250857)
 * Thank you for the reply, i’m still working on it. [@designextreme](https://wordpress.org/support/users/designextreme/)
   are there any options to remove the heading and vicinity without css?
 * I tried summary of but it still leaves the gap there..
 * Thanks a lot, definitely a review from me
 *  Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/)
 * (@designextreme)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/styling-95/#post-12251218)
 * Yes, this is simply:
 * `[reviews_rating summary=0]`
 * The entire summary section is removed; it’s not hidden using the stylesheet. 
   The HTML would look something like…
 *     ```
       <div class="google-business-reviews-rating">
       	<ul class="listing">
       		<li class="rating-5">
       			<span class="author-avatar"><a href="#" target="_blank"><img src="photo.jpg" alt="Avatar"></a></span>
       			<span class="author-name"><a href="#" target="_blank">Alpha</a></span>
       			<span class="rating">★★★★★</span>
       			<span class="relative-time-description">a week ago</span>
       			<div class="text">Review text goes here</div>
       		</li>
       		<li class="rating-5">
       			<span class="author-avatar"><a href="#" target="_blank"><img src="photo.jpg" alt="Avatar"></a></span>
       			<span class="author-name"><a href="#" target="_blank">Beta</a></span>
       			<span class="rating">★★★★★</span>
       			<span class="relative-time-description">a week ago</span>
       			<div class="text">Some different review text goes here</div>
       		</li>
       	</ul>
       	<p class="attribution"><span class="powered-by-google"></span></p>
       </div>
       ```
   
 *  Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/)
 * (@designextreme)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/styling-95/#post-12251234)
 * [@stefanoid3](https://wordpress.org/support/users/stefanoid3/) Thanks for the
   ★★★★★ review!
 * If you wish, you can send me a URL of the page you’re editing? I would like to
   see how the stylesheet is leaving a gap.
 *  Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/)
 * (@designextreme)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/styling-95/#post-12287967)
 * [@stefanoid3](https://wordpress.org/support/users/stefanoid3/) In version 2.2,
   I’ve added new themes to support 2, 3 and 4 column views. Enjoy!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Styling’ is closed to new replies.

 * ![](https://ps.w.org/g-business-reviews-rating/assets/icon.svg?rev=2722684)
 * [Reviews and Rating – Google Reviews](https://wordpress.org/plugins/g-business-reviews-rating/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/g-business-reviews-rating/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/g-business-reviews-rating/)
 * [Active Topics](https://wordpress.org/support/plugin/g-business-reviews-rating/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/g-business-reviews-rating/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/g-business-reviews-rating/reviews/)

## Tags

 * [3-column](https://wordpress.org/support/topic-tag/3-column/)
 * [4-column](https://wordpress.org/support/topic-tag/4-column/)
 * [flex](https://wordpress.org/support/topic-tag/flex/)
 * [flexbox](https://wordpress.org/support/topic-tag/flexbox/)
 * [multi-column](https://wordpress.org/support/topic-tag/multi-column/)
 * [Stylesheet](https://wordpress.org/support/topic-tag/stylesheet/)
 * [styling](https://wordpress.org/support/topic-tag/styling/)

 * 5 replies
 * 2 participants
 * Last reply from: [Noah Hearle](https://wordpress.org/support/users/designextreme/)
 * Last activity: [6 years, 5 months ago](https://wordpress.org/support/topic/styling-95/#post-12287967)
 * Status: resolved