how to change the height of swiper slider

2 replies · opened Aug 25, 2019

SshtsangAug 25, 2019

Hi

Because the size of the swiper slider is too large, I would like to know how to change the height?

<section id="slider" class="slider-element slider-parallax swiper_wrapper full-screen clearfix">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image: url('images/banner/LU2018_1980.jpg');"></div>
</div>
</div>
</section>

SSemicolon WebSTAFFAug 25, 2019

Hello,

You can simply remove the .full-screen Class from the .slider-element DIV. Then you can add your Custom Height by adding the style="height: 600px;" attribute to the .slider-element DIV.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SshtsangAug 26, 2019

Hi
Thank you for your support. The problem has been fixed.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard