Slider bottom space

Hello, merisland.

Thank you for contacting us and for trying our theme. We appreciate it.

I cannot really tell what is happening on your website without looking at the code but you are right, one reason can be the image sizes. You can find the relevant documentation here.

Kind Regards

Thanks for your answer. My code is this:

/* FRONT PAGE – SLIDER
————————————————————————*/

.frontpage-slider{margin-bottom:0px}

.frontpage-slider .owl-carousel .owl-stage-outer{width:8640;height:400}
.frontpage-slider .owl-carousel-item{position:relative;display:none}
.frontpage-slider .owl-item .owl-carousel-item,
.frontpage-slider .owl-carousel-item.active{display:block}
.frontpage-slider .owl-carousel-item:before{width:100%;height:100%;background-color:#555555;opacity:0.15;content:””;position:absolute;left:0;top:0;z-index:2}
.frontpage-slider .owl-carousel-item img{position:relative;z-index:1;max-width:100%}
.frontpage-slider .owl-carousel-item img{position:relative;z-index:1;max-width:100%}

.frontpage-slider .caption{max-width:75%;z-index:3;color:#fff;text-align:center;width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.frontpage-slider .caption .date{font-size:16px;margin:0 0 10px;text-transform:uppercase}
.frontpage-slider .caption h2{font-size:48px;margin:0 0 40px;padding:0 0 30px;position:relative;text-transform:none}
.frontpage-slider .caption h2 a{color:#fff}
.frontpage-slider .caption h2 a:hover,
.frontpage-slider .caption h2 a:focus,
.frontpage-slider .caption h2 a:active{text-decoration:none}
.frontpage-slider .caption h2:before{content:””;width:35px;border-bottom:2px solid;position:absolute;left:50%;bottom:0;margin-left:-17px;color:#fff}
.frontpage-slider .caption .icon{font-size:16px;width:56px;height:56px;line-height:52px;border:2px solid;display:block;margin:0 auto 25px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.frontpage-slider .caption .read-more{text-transform:uppercase;font-weight:700;margin:0}
.frontpage-slider .caption .read-more a{color:inherit;}

.frontpage-slider .owl-nav div{position:absolute;top:50%;margin-top:-10px;text-indent:-9999px;width:18px}
.frontpage-slider .owl-nav div:before{font-family: ‘FontAwesome’;font-size:18px;text-indent:0;color:#000;position:absolute;left:0;top:0}
.frontpage-slider .owl-prev{left:-33px}
.frontpage-slider .owl-next{right:-33px}
.frontpage-slider .owl-prev:before{content:”\f177″}
.frontpage-slider .owl-next:before{content:”\f178″}

Can you tell me if there is anything wrong with it?. Thanx

I am sorry but without looking at the actual website I cannot really tell what is happening.

My website is https://www.merisland.com
Thanks

Thank you.

I see that the problem is caused by the first slide that uses a data URI of 1200×1200 pixels. This can be a side effect of a plugin, so please try first disabling temporarily your plugins, especially the ones that manipulate images like ‘smushit’.

Kind Regards

I cant thank you enough. It was one of my plugins. Its already fixed.

Good news! Have a nice one

@dimlyrathemes I am glad the matter was resolved! Would you be so kind as to leave us a quick review here? ??