Modify css

@gregm83 Please can you provide an example page for this? It’s easier to see what you have at the moment and I’ll send through the right CSS for you.

Thanks,

Noah

@gregm83 Just a little note, the class: rating is used in two places – so you’ll need to pinpoint the correct set of stars – either the overall rating or the individual user ratings.

@gregm83 Well, this should do the trick, no need to add !important because this will mess about with the other elements using the same class. If you want to override it, add an enclosing class or ID for a parent element at the start of the declarations.

First is the overall rating and the second is the individual user ratings:

.google-business-reviews-rating .rating {
	font-size: 25px;
}
.google-business-reviews-rating .listing .rating {
	font-size: 14px;
}

• This reply was modified 5 years, 1 month ago by Design Extreme.
• This reply was modified 5 years, 1 month ago by Design Extreme.

it’s not ok.

I’ve got a global rating in four columns and a widget badge in footer. have you got a slack or email ?

@gregm83 Yes, please use the support link in the plugin, this URL: https://designextreme.com/wordpress then click Contact Us, and let me know the URL that you’re experiencing issues with here.

It’s good to see how different themes affect the layout so I can produce something that will adept will to these designs.

@gregm83 I missed the later part of your question.

With regards to just showing the stars and nothing else, there is a way to do this with the shortcode and a few parameters. I’ll send through details in the coming 24 hours.

I’ll await your URL.

@gregm83 Thanks for your email (sent through the Design Extreme website). I am posting a generalised reply here so it may help others with a similar request.

You would like the overall rating number and the stars

[reviews_rating icon=false name=false vicinity=false count=false attribution=false limit=0]

And below, just display customer reviews:

[reviews_rating theme="columns four" min=3 max=5 limit=4 summary=false attribution=false excerpt=80 more="lire plus" review_item_order="text last inline" avatar="false" name_format="last initial with dot" date="M Y"]

What is the shortcode to hide overall rating stars?

At the moment, there is no shortcode to only hide the overall rating stars while leaving everything else. However, you can do this using CSS:

.google-business-reviews-rating .rating .all-stars, 
.google-business-reviews-rating .rating .rating-stars {
    display: none;
}

I may add this functionality if there is a demand for this – I think it may be the last show/hide parameter for an element.

• This reply was modified 5 years, 1 month ago by Design Extreme.

Hi Noah,

Thank you for you feedback. It’s ok for me !! You know how i can display this shortcode [reviews_rating icon=false name=false vicinity=false count=false attribution=false limit=0] inline-block with my H2 ? I put this <h2> Texte </h2>[reviews_rating icon=false name=false vicinity=false count=false attribution=false limit=0] but the short code appears in another div and i know it’s normal but if you know what i can do for that ?

Thanks !

@gregm83 The Google reviews will always appear in a container <div> otherwise the elements would appear all over the place and styles and scripts wouldn’t work as smoothly.

You could try something like this if you want to display these two parts inline:

.google-business-reviews-rating {
    display: inline-block;
}

You can put this into the Custom Styles in the Advanced tab. It will need more editing to make it appear as you want.

@gregm83 Thanks to your post, I am adding a show/hide for the main rating stars. In the next version the parameter will be as follows:

[reviews_rating stars=false]

It will also support the colour selection and CSS color too. ??