Make the popup image container in Team Showcase rectangle

Ask the Community Customization
1

How can I make the pop up image container rectangle (not crop to square)?

2 Likes
3

Hi there, @MELO_GRAPHICS and welcome to the Community :wave:

Our devs came up with a CSS code that display the full image in the popup and aligns the height info with the info popup container:

.global-styles,
.eapp-team-showcase-popup-item-photoContainer {
  padding: 0 !important;
}

.global-styles,
.eapp-team-showcase-popup-item-container
.eapp-team-showcase-member-card-photo-photoShow {
  background: #fff;
  object-fit: contain;
}

image
image1920×1043 98.5 KB


To make it work correctly, you should remove the codes you’ve added to the widget. Give it a try and let me know if you like the result :slightly_smiling_face: