Why is the review count text set at a much lower opacity than the star rating text? When you change the color it does nothing to change the opacity that’s baked in. These review counts are hardly readable at all. Accessibility is terrible. Why can’t I change this? I have tried pasting various different css code snippets in from this forum and absolutely nothing changes. The preview doesn’t even change. It doesn’t work at all as far as I can tell. Is there a formal list of the css names for all of the components of the widgets? that would be really helpful. I wouldn’t need to look for each thing separately in the comments, I could just edit it myself. Simple css after all. Attached are photos of black and purple text. The opacity difference is clear. Somebody please help me make this readable. It seems silly that you can’t edit the star rating and review count text separately. I would have included more pictures but it says ‘new members’ are only allowed one image per post. Thanks in advance for anyone that can help.
1 Like
Hi @Dennis_Thomas welcome to community ![]()
thats the right code for your problem.
Add this code to the Custom CSS field on the Style tab of your Reviews widget’s settings:
.es-badge-reviews-count {
font-size: 15px;
color: black;
}
There’s a forum category with CSS code examples , or you can use your browser’s developer tools to find the classes.
2 Likes
Thank you. That worked. It looks much better. You should consider listing the classes for ease of editing. At least consider making the color of the review count the same as the rating value by default. It needs sufficient contrast.
2 Likes
Hi there, @Dennis_Thomas ![]()
This is a great idea to include the class names of the widget elements in one post and we’ll definitely do this!
Thank you so much for the feedback ![]()
1 Like
