Max height for Slider with Text

Hi @andykartman,

Thanks for getting in touch with us.

We have minimum limit 100 for the min height. If you want to set the height less than 50, you have to use the Custom CSS code. However, I am going to add this as a feature request so that in future, it can be reduced more.

Have a nice day!

Thanks for the reply. Any chance you could give an example of the CSS code to be used?

Hi @andykartman,

You can use the below CSS code.

.uagb-slider-container .swiper-wrapper{ min-height: 50px }

This will work on all the slider blocks so I would recommend you to use the custom class in the slider block and add that custom class in the above CSS code if you don’t want to use the above CSS code for all the slider blocks.

Have a nice day!

@mohsinbsf thanks for the reply.

I have added the code in the style.css file for use on all the slider blocks. In the edit mode, I can put in a number less than 100 for the minimum height in the Slider General Settings, and the block size will change to reflect this, but when I go to save, it defaults back to 100. Do I need to add something else?

Hi @andykartman,

Yes, settings will revert back to 100 as 100 is the minimum limit. When you use the custom CSS code, there is no need to change it from the settings. And you can set the value to less than 100 using custom CSS code.

Have a nice day!