Team Showcase CSS for hiding images in popup

Ask the Community Customization
1

I found this CSS and tried it, but it took the images off the showcase itself, not just the popup when I click more info. How do I adjust?

1 Like
3

Hi there @Sandy_Cunningham :wave:

Thank you for bringing this to our attention!

I’ve double-checked things and see that it works for all layouts, except for the 2nd one. I’ll discuss with the devs if there is a code that will work for each layout.

I’ll keep you posted :slightly_smiling_face:

4

I am using the layout “teachers”.

1 Like
5

Thanks!

Here is the adjusted version that should work for all layouts:

.global-styles,
.eapp-team-showcase-popup-item-photoContainer {
  display: none;
}

.global-styles,
.eapp-team-showcase-popup-item-infoContainer {
  width: 100% !important;
  max-width: none !important;
}

.global-styles,
[class^="Popup__PopupContent"] {
  width: 680px !important;
}

Try it out and let me know if you like what you see :slightly_smiling_face:

6

That worked! Thanks so much.

1 Like
7

Awesome!

In the meantime, we’d like to invite you to participate in our new challenge. This time, you should answer 3 simple questions about your favorite widget, and you’ll get a chance to win a 3-month extension to any subscription.

See the details and dive in - we are excited to get some insights from you :wink: