Changing background color of the block behind and around from the standard white!

Ask the Community General Questions
1

How can I change the background color on the google review block from white to any choosen color and not just black as it seems to be only those two options?

Thanks Daniel

3

Hi there, @Daniel_Massageterape :waving_hand:

You’re referring to the widget with the Carousel layout, right?

If so, you can change the background color in the Background section on the Style tab of your widget’s settings:

image
image331Ă—661 16.2 KB
image
image331Ă—544 21.9 KB


Please try it out and let me know if it worked for you :wink:

4

Hi Max!
Thanks for you help but I’m using the Compact Badge Google Reviews, and its the color AROUND the Badge in looking to change. Thanks in advance for your help. Daniel

5

Got you, thanks!

This code will do the trick:

.es-layout-sidebar-container {
    background-color: rgba(231, 231, 231, 0.53)!important;
}

Please add it to the Custom CSS field on the Style tab of your widget’s settings and let me know if it helped :slightly_smiling_face:

6

Great THANKS!
But if I wanted to have a color in another format, HEX #F0F0F0
How could I add that? Its because thats what I am using on my website, and I would like it to be the same color. THANKS

7

You just need to replace rgba with the hex color code. Here is how it will look:

.es-layout-sidebar-container {
    background-color: #F0F0F0 !important;
}

Give it a try and let me know how it worked :wink:

8

Amazing, Thanks so much for your help :+1:

9

It’s my pleasure :wink: