Change size of the host logo

Ask the Community Customization
1

I see that I can add a logo for the host, but how do I change the size of the logo area shown? It’s only showing as a square.

2 Likes
3

Hi there and welcome aboard :waving_hand:, @SYDMarketing

Yep, it’s possible to upload logos for hosts, but they are not displayed in the Host filter dropdown. The request you’ve originally commented is dedicated to displaying the hosts in the filter too.

I hope this explains things :slightly_smiling_face:

As for your request, I’ll gladly help you with it! Could you please send me a link to the page where your widget is installed, or just specify its ID?

1 Like
4

I’ve attached the ID

2 Likes
5

Thank you!

Please try to use this code in the Custom CSS field on the Style tab of your widget’s settings and let me know if it helped :wink:

.global-styles,
.eapp-events-calendar-organizer-image {
  object-fit: contain;
}
1 Like
7

That worked to put the logo in the container, but can the container be made larger?

Also, for the event, there’s a place to upload a file, but that doesn’t show in the event info section.??

2 Likes
8

Ah, sorry for missing that! Here is a CSS code to enlarge the logo container:

.global-styles, .eapp-events-calendar-organizer-imageContainer {
  transform: scale(1.3);
}

As for the attached files, they can be displayed only in the event popup. Please let me know if this explains things or if you have any questions left :slightly_smiling_face:

1 Like
9

I played with both sets of CSS and got what I wanted.

2 Likes
10

That’s great!

Feel free to contact us here again if anything else comes up. We’ll be happy to help :wink:

1 Like