I can not edit height of a banner slider in class="slider-section"

-1

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

<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>
    
asked by anonymous 24.04.2017 / 13:33

1 answer

0

Well then let's go. In your div slide, it is in the max-height style: 70%;

This 70% means that it will have a height of at most 70% of its parent tag, which in case is the li Is this set some height? The father of li is ul, is there any definite height for her as well? Remember that if you only work with% for a responsive layout, you need to set the height from the start of the project.

html,body{
   height: 100%;
}

this way when you put max-hegiht: 70% the project will know what these 70% are. Take a look and let me know.

    
24.04.2017 / 13:43