All-In-One-Reviews CSS Help

Trying to change the overall background of the all-in-one-review… but struggling with the CSS.

If I don’t want it to be white, how could I do that?

1 Like

Hi @Jeremy1, very happy to welcome you in the community!

If you need to change the background color for your badge, you don’t need the CSS code :slight_smile:

Just go to your widget Appearance tab → Badge → Background Color → pick the color you like:

Please let me know if it helps :slight_smile:

Oh, I’m not looking at the badge background

I was looking at the the overall background of the widget

So say I wanted a blue background with white badges

Hello @Jeremy1,

You might want to try this code:

[class*="LayoutDefault__Content"] {
  background-color: blue;

Please let me know if that’s what you were looking for!

1 Like

Thanks Masha, but still not quite.

I’m interested in the color of the entire container. So not just the background of the review area. But the color for the entire componet

Oh I see! Then this code should do it for you:

[class*="Main__Container"] {
  background-color: blue;
1 Like

Perfect, that’s it

Thank you!