I can’t edit height of a banner slider in class="slider-Section"

Question

I have a site to edit and I can not change the height of the initial slider, because it does not direct reference on CSS, or at least I can’t find it. See the code snippet to better understand:

<div class="slider-section">
    <div class="tp-banner-container">
        <div class="tp-banner">
            <ul>
                <li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-thumb="upload/banner-2.png"  data-saveperformance="off"  data-title="Garden">
                    <img src="upload/banner-2.png"  alt="halfslide1"  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
                    <div class="tp-caption slider_layer_02 text-center lft tp-resizeme"
                        data-x="center"
                        data-y="230"
                        data-speed="1000"
                        data-start="800"
                        data-easing="Power3.easeInOut"
                        data-splitin="none"
                        data-splitout="none"
                        data-elementdelay="0.1"
                        data-endelementdelay="0.1"
                        data-endspeed="1000"
                        style="z-index: 9; max-width: auto; max-height: 70%; white-space: nowrap; ">Espaço ideal para festas infantis
                    </div>
                    <div class="tp-caption slider_layer_01 text-center lft tp-resizeme"
                        data-x="center"
                        data-y="295"
                        data-speed="1000"
                        data-start="1200"
                        data-easing="Power3.easeInOut"
                        data-splitin="none"
                        data-splitout="none"
                        data-elementdelay="0.1"
                        data-endelementdelay="0.1"
                        data-endspeed="1000"
                        style="z-index: 9; max-width: auto; max-height: 70%; white-space: nowrap;">Agende já uma data!
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

Answer 1

Good then let’s go there. On her div slide, she is with max-height style: 70%;

That 70% means that he will have height of at most 70% of his father tag, that in the case is the li Is li is set some height? Is Li’s father ul, is there a set height for her as well? Remembering that if you’re only working with % for a responsive layout, you need to set the height from the beginning of the project.

html,body{
   height: 100%;
}

this way when you put max-hegiht: 70% the project will be aware of what this 70% is. Give a look there and let me know.