Floating badge TripAdvisor logo size

Ask the Community Customization
1

Please could you make the Tripadvisor logo size adjustable or slightly bigger?
It’s quite small but there’s enough space to make it more visible.
Thanks

1 Like
3

Hi @Peter_Lapsansky :wave:

I’ll check with our devs if anything can be done and will get back to you a bit later :slightly_smiling_face:

4

@Peter_Lapsansky Here is the code that should do the trick. Just add it to the Custom CSS field on the Appearance tab and let me know if it worked:

.es-badge-container
.es-source-image,
.es-badge-container
.es-source-image svg {
  width: 35px;
  height: 35px;
}
5

Works like charm.

It only made the badge slightly taller (probably because I have the option to X close it active, and the logo is aligned under the X), but that’s not such a big deal.

Thanks

Peter

1 Like
6

Thank you for your kind feedback!

If you don’t the badge height to be changed, please us this code instead:

.

es-badge-container
.es-source-image,
.es-badge-container
.es-source-image svg {
  width: 35px;
  height: 35px;
}

.es-badge-container {
  padding: 3px 16px 12px;
}
7

Hi Max,

Thanks for sending it over. Unfortunately, the padding is not working that well.

Please have a look

Code was copied and pasted, no changes.

Thanks Peter

1 Like
8

Could you please share a link to the page where your widget is installed?

I’ll be happy to check it for you :slightly_smiling_face:

9

www.tentwithaview.com

please note that original badge is currently visible

1 Like
10

Thank you!

I’ve shared your request with our dev team and will get back to you once I receive a response from them.

11

I am so sorry, but I missed . at the beginning of the code. Please add this one and let me know if it helped:

.es-badge-container .es-source-image,
.es-badge-container .es-source-image svg {
  width: 35px;
  height: 35px;
}
.es-badge-container {
  padding: 3px 16px 12px;
}