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>