Slide Column - The L Resort Krabi

Book Your Room

Close
BOOK YOUR ROOM

Slide Column

Section Title

Room 1

Description.

Button 1 Link text

Room 2

Description.

Button 1 Link text

Room 3

Description.

Button 1 Link text

Room 4

Description.

Button 1 Link text

.sl-column-wrapper{
position: relative;
}
.et-db #et-boc .et-l .sl-column-wrapper>.et_pb_row{
width: 100%;
padding: 0;
max-width: inherit;
}
.et-db #et-boc .et-l .sl-column-wrapper .et_pb_row .et_pb_row_inner.slick-slide{
padding: 0;
}
.et-db #et-boc .et-l .sl-column-wrapper>.et_pb_row>.et_pb_column.et_pb_column_0{
position: relative;
width: 100%;
padding: 0;
margin: 0;
float: none!important;
}
.et-db #et-boc .et-l .sl-column-wrapper .et_pb_row .et_pb_column.sl-column{
position: relative;
display: block!important;
width: calc(100% – 100px);
padding: 30px 0px;
margin: 0 auto!important;
box-sizing: border-box;
float: none!important;
}
.et-db #et-boc .et-l .sl-column-wrapper .sl-column-title h3{ text-align: center; font-size: 30px; }

.sl-column .slick-slide{ margin: 0 10px!important; outline: none; }
.sl-column .slick-slide .et_pb_image{ margin: 0!important; }
.sl-column .slick-slide .et_pb_image_wrap img{ max-width: 100%; }
.sl-column .slick-slide .et_pb_text{ padding: 15px; background-color: #eee; }

.sl-column .slick-arrow{ z-index: 10; }
.sl-column .slick-arrow.slick-next{ right: -47px; }
.sl-column .slick-arrow.slick-prev{ left: -47px; }
.sl-column .slick-arrow.slick-next:hover{ background-color: transparent; }
.sl-column .slick-arrow.slick-prev:hover{ background-color: transparent; }

.et-db #et-boc .et-l .sl-column .slick-dots{ width: 100%; padding: 0; left: 0; bottom: 0; }
.et-db #et-boc .et-l .sl-column .slick-dots li{ margin: 0 5px; }
.et-db #et-boc .et-l .sl-column .slick-dots li button:before{ color: rgba(0,0,0,1); line-height: 22px; }
.slick-dots li.slick-active button:before {
opacity: 1;
color: rgba(0,0,0,1);
border: 1px solid #251212;
border-radius: 12px;
font-size: 14px;
}

//slide column
if($(“.wcl-sl-column”).length) {
$(‘.wcl-sl-column’).not(‘.slick-initialized’).slick({
lazyLoad: ‘ondemand’,
dots: true,
infinite: true,
arrows: true,
speed: 300,
slidesToShow: 3,
responsive: [
{
breakpoint: 991,
settings: {
slidesToShow: 2
}
},
{
breakpoint: 560,
settings: {
slidesToShow: 1
}
}
]
});
}