Title: Modify css Last modified: February 18, 2020 --- # Modify css * Resolved [gregm83](https://wordpress.org/support/users/gregm83/) * (@gregm83) * [6 years, 3 months ago](https://wordpress.org/support/topic/modify-css-6/) * Hello and thank you for this amazing plugin. Sorry but my bad english. I want to change the font-size of star rating because it’s too big for me by default. Before update, i modify my child theme with * ``` .google-business-reviews-rating .rating { font-size: 25px !important; } ``` * And it’s ok, But since update 2.11 it’s not ok. * Have you got an idea to modify ? * And you know the shortcode to only display note with stars ? * Thank you * Greg Viewing 10 replies - 1 through 10 (of 10 total) * Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/) * (@designextreme) * [6 years, 3 months ago](https://wordpress.org/support/topic/modify-css-6/#post-12451484) * [@gregm83](https://wordpress.org/support/users/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 * Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/) * (@designextreme) * [6 years, 3 months ago](https://wordpress.org/support/topic/modify-css-6/#post-12451495) * [@gregm83](https://wordpress.org/support/users/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. * Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/) * (@designextreme) * [6 years, 3 months ago](https://wordpress.org/support/topic/modify-css-6/#post-12451533) * [@gregm83](https://wordpress.org/support/users/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 6 years, 3 months ago by [Noah Hearle](https://wordpress.org/support/users/designextreme/). - This reply was modified 6 years, 3 months ago by [Noah Hearle](https://wordpress.org/support/users/designextreme/). * Thread Starter [gregm83](https://wordpress.org/support/users/gregm83/) * (@gregm83) * [6 years, 3 months ago](https://wordpress.org/support/topic/modify-css-6/#post-12451610) * 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 ? * Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/) * (@designextreme) * [6 years, 3 months ago](https://wordpress.org/support/topic/modify-css-6/#post-12451804) * [@gregm83](https://wordpress.org/support/users/gregm83/) Yes, please use the support link in the plugin, this URL: [https://designextreme.com/wordpress](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. * Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/) * (@designextreme) * [6 years, 3 months ago](https://wordpress.org/support/topic/modify-css-6/#post-12451834) * [@gregm83](https://wordpress.org/support/users/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. * Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/) * (@designextreme) * [6 years, 3 months ago](https://wordpress.org/support/topic/modify-css-6/#post-12453506) * [@gregm83](https://wordpress.org/support/users/gregm83/) Thanks for your email( sent through the [Design Extreme website](https://designextreme.com/wordpress/)). 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 6 years, 3 months ago by [Noah Hearle](https://wordpress.org/support/users/designextreme/). * Thread Starter [gregm83](https://wordpress.org/support/users/gregm83/) * (@gregm83) * [6 years, 3 months ago](https://wordpress.org/support/topic/modify-css-6/#post-12454556) * 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

Texte

[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 ! * Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/) * (@designextreme) * [6 years, 3 months ago](https://wordpress.org/support/topic/modify-css-6/#post-12454748) * [@gregm83](https://wordpress.org/support/users/gregm83/) The Google reviews will always appear in a container `
` 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. * Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/) * (@designextreme) * [6 years, 3 months ago](https://wordpress.org/support/topic/modify-css-6/#post-12455308) * [@gregm83](https://wordpress.org/support/users/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. 🙂 Viewing 10 replies - 1 through 10 (of 10 total) The topic ‘Modify css’ 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 * [css](https://wordpress.org/support/topic-tag/css/) * 10 replies * 2 participants * Last reply from: [Noah Hearle](https://wordpress.org/support/users/designextreme/) * Last activity: [6 years, 3 months ago](https://wordpress.org/support/topic/modify-css-6/#post-12455308) * Status: resolved