Review Widget: Move Google Icon next to the Title

Ask the Community Customization
1

Hi there :slight_smile:

I need some help with customizing the Google Review widget a little.

I’d like to reduce the size of the whole widget by moving the Google Icon to the left, right next to the title and of course have the close button come down accordingly.

customization-elfsight-badge
customization-elfsight-badge1897×1118 111 KB

Could you assist me with this?

Thanks a lot! :slight_smile:

Tarek

1 Like
3

Hi @Tarek, happy to see you on the forum! Welcome :hugs:

We’ve got a CSS code that could help you reduce the widget, but it just shrinks the whole badge. Maybe it still will work for you, so here’s the code:

.global-styles, [class^="BadgeContainer__Inner"] {
	transform: scale(0.7);
	transform-origin: left bottom;
	margin-left: 100%
	bottom: 0;
}

Please let me know if it helped :slight_smile:

4

Thanks a lot Helga!

That is unfortunately not what I need :slight_smile:

Maybe you can help with moving the Google Icon to the left, next to the title?

5

No worries, I guess we can find a solution for you with our devs :slight_smile:

I’ll get back to you as soon as I have any news!

6

@Tarek I’m back with another solution :slight_smile:

We’ve added the following code to the widget:

[class*="BadgeSources__Container"] {
    left: 34px;
    bottom: 80px;
    position: fixed;
}

Also, the devs corrected the previous CSS code a bit:

image
image961×814 43.5 KB

Could you please check and let me know if it looks good?

7

Yes! :slight_smile:
That is exactly what I wanted! Thank you!

1 Like
8

You’re most welcome, @Tarek ! :heart_eyes: