Slide Info box height?

Sorry, that code is “min-height: 100px”, not max-height.

Hi,
You need to add the custom CSS to your theme. something like

.ms-info{min-height:50px}

or any value suits your site.

Regards
Averta

I’m having the same issue, and I tried the custom CSS, but it doesn’t work. I’ve tried putting it in the theme’s custom CSS, and in the custom styles for the particular Master Slide I’m working on, but neither place corrected the issue. I also tried using .ms-slide-info, as that’s what shows up in firebug.

So, to verify, here’s what I’ve tried in both the theme’s custom CSS and in the custom styles for the particular slide I’m trying to fix:
.ms-info { min-height: 1px;}
.ms-slide-info { min-height: 1px;}

Any other ideas?

In addition – and I may be mistaken here – the minimum height is part of the element.style, overriding the theme’s CSS, so it seems like the setting should be somewhere in the actual slide CSS, correct?

I ran into that same issue. Any news on that? It seems to me a bit premature to flag it as [resolved] since that min-height: 100px in the element style cannot be easily overridden.

I just found a quick’n’dirty workaround in order to overcome this strange behaviour, which fixed the issue. I’ll explain it here so @jmtripp, @jodilarue and other users will also be able to fix it aswell until @averta will be able to solve the issue for good.

The min-height is set by the masterslider.js file, line 5098, where the js code adjust the min-height for the slide info panel: all sliders with options.dir equals to 'h' (horizontal sliders, i.e. the default) get a min-height equal to the option.size to their slide info boxes. I suppose that all these options are related to the Master Slider pro-version, cause there is no way of setting them by the free version Admin panel: the free version just lives with the default values, which are this.options.size = 100px and this.options.dir = 'h' as we can see in the js file (lines 5046-5047). Problem is, that default value can be kinda troublesome, so we might want to disable it.

In order to do so real quick you can comment this single line (5098), which will fix the issue.

if( this.options.dir === 'v' ){
    this.$element.width(this.options.size);
}else{
    /* 'min-height:100px' bugfix */
    // this.$element.css('min-height', this.options.size);
}

You can apply the changes directly on the masterslider.js source file and then shrink/minify it into masterslider.min.js, overwriting the previous one.

An even better solution, which I feel like suggesting to @averta, would be to set this.option.size default value to null and then add an if (this.options.size) check before line 5098… Or something like that.

Hi,

Thank you so much for sharing it with us. I forwarded it to our dev team, we will consider it for next updates.
For now have you tried to use that custom css style with !important value?

Regards
Averta

Yes, !important would work too.

html body .master-slider .ms-slide-info {
        min-height: 0px !important;
    }

Great suggestion, better to avoid messing up with javascript and thus altering the plugin code.