@adamford I cannot see the changes being applied. Are you setting the style sheet correctly and have you cleared the cache (if there is one)?
@adamford For a white background – so a white box – leave off the dark theme entirely. Instead select the theme: “Narrow, Centered, Light Background with Fonts” and use the following suggested CSS:
.google-business-reviews-rating.center.fonts.narrow {
background-color: #FFFFFF;
padding: 1rem;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.9) inset;
border-radius: 3px;
margin-bottom: 1rem;
}
The extra class references here are optional, but it may help being specific if you use this shortcode elsewhere.
I missed the original point about having a white background for the reviews section.
-
This reply was modified 5 years, 10 months ago by
Noah Hearle. Reason: Clarified CSS rule
@adamford If the Custom Style is being ignored, check for any error message when you save this. Alternatively, use your Child theme’s CSS to add the same.
Note: Some web hosting setups may restrict writing to directories outside of the uploads directory (for the custom style sheet), so check that the file ./g-business-rating-reviews/wp/css/custom.css is writable by PHP.
@adamford Let me know if the suggestions have worked for you.
I may add a “padding” and an “outline” class in a future release with 1rem padding and an outline to resemble the badge theme, but for review listings. Naturally, specific padding values, outline widths, colours, etc. will still need its own styling elsewhere.
@adamford Added two new HTML classes to version 3.12: outline and padding. Use this with the fill class and you will be pretty close to what you’re looking for.