Issue with Logo Showcase height on Weebly

Ask the Community General Questions
1

I am having difficulties getting the custom CSS to comply, using the code:

.eapp-logo-showcase-logo-inner {
height: 100px;
}

Does not work. Any other fixes?

2

Hi there, @Abigail2 and welcome to the Community :waving_hand:

Please try to use this CSS code instead and let me know if it helped:

.eapp-logo-showcase-carousel-inner {
  height: 300px;
}
3

Hi @Max , it did not work.

It’s on the footer of this website: https://www.quadcityarts.com/

It’s been built on Weebly if that makes a difference.

Thank you for your help!

5

Thanks for sharing a link!

The issue appeared because of the conflict with your website styles. The widget container inherited min-height: 100%; style from a different element on your website:

image
image907×722 76.1 KB


We’ve fixed this issue using this code in the Custom CSS field on the Settings tab of your widget’s settings:

.es-widget-background-wrapper {
    min-height: auto !important;
}

I’ve also noticed that you’ve additionally pasted the previous CSS code next to the widget’s installation code and the code is displayed on your website right now:

image
image1509×585 57.4 KB

CSS codes should be added to the Custom CSS field of your widget’s settings. So, you just need to remove this code snippet from your website and you’ll be fine :wink:

6

I was adding the code everywhere! Hah!!!

You’re brilliant @Max , it worked!

7

No sweat!

If anything else comes up, I’ll be more than happy to help :wink: