Aspect ratio

Hi there,

And thanks for choosing our slider.

Slider background images are set with css – background-size: cover and it is best and usual way for setting background for containers because in that way image will be forced to cover entire container regardless of the image size. So, it is important to know that most of the time, parts of the slide background won’t be visible. The actual visible portion will vary depending on screen orientation and width/height aspect ratio. For instance, the common aspect ratio of portrait orientated tablets is 3:4 (iPad), and for desktop monitors it is 16:9 (full-HD resolution). In all instances the background is scaled to be as large as possible so that the slider area is completely covered by the background image. In simple words, some background clipping must occur, while the “content-safe” area is the very center of each slide – this area is always visible. Keeping this safe area in mind, if you are using slider background as an important part of your visual message, like an image showing your product for example, make sure that product is placed within that safe area so it won’t be clipped out.

Since many slider plugin authors are often being asked by users for same functionality, we had that option in mind and we will most likely release an update which will offer users to use another slider layout, but we will make it simple for the start and probably layers will be removed for that layout. Also note that many commercial slider plugins does not offer such an option, but we think that Rolo Slider has good potential.

Best Regards!

Hi again,

We decided to release update with new layout option, but as explained previously after you update the plugin if you choose responsive layout option https://screencast.com/t/t7Psg9nUAcbk you have to set different images at the bottom of slider settings https://screencast.com/t/dBt3laRLDH and layers like title description etc. won’t be displayed with this layout, only images.

Best Regards!

Thank you very much for your excellent plugin and for your support!
I upgraded to the last version and it does what I asked, just noticed a small problem, some images have a white padding at their right side, this white space does not appear when using default layout.

Anytime.

We checked this on our side, but there is no padding on the sides. Maybe you are seeing some additional spacing which can be caused because of zooming effect and maintaining image sizes for responsive layout https://screencast.com/t/b42d83H8 but since slider wrapper don’t have any background it will inherit background color form the page so this cannot be seen without inspecting with developer tools, and end visitors will not see that space. If you are seeing something else on your end, please share a link to a page on your site where issue is present so we can investigate this.

Best Regards!

Yes there is an additional space like on your screenshot.
My website is not online now, I’m just developing it on localhost.
Please look at https://s12.postimg.org/zf94z59dp/rolo.jpg

Thanks again and have a nice weekend!

Hi again,

And thanks for noticing this. Unfortunately we should have removed this for responsive images layout, because zooming effect will create these gaps on the sides, simply because images will not cover container when this layout is used. We released an update and now effect is removed. Also, you can now see this layout in action on our demo page here https://demo.pressfore.com/index.php?item=rolo-slider&type=plugins

It is important to mention that since alt tags became important for SEO over time, and there are many articles talking about optimizing images for SEO, we decided to integrate alt tags for both layouts so from latest update if you set Alt tags for slider images, from media library, tags will be present within page source.

Let us know what do you think.
All the Best!

Hello again and thanks for getting back. I will try the update later on.
At the moment the demo link gives a 404 error.
I will get back later after having tried the update.
Best regards!

Hi again I’ve tried the latest update.

The zooming effect was the main reason why I chose this plugin, now I won’t use the responsive layout because it’s missing this feature.

I switched back to the default layout and found a workaround to keep aspect ratio.
Here’s the code I used:

@media only screen and (min-width: 40em) {
.rolo_wrapper, .owl-carousel .slide-img {
	height: 320px !important;
}
}
@media only screen and (min-width: 60em) {
.rolo_wrapper, .owl-carousel .slide-img {
	height: 480px !important;
}
}
@media only screen and (min-width: 75em) {
.rolo_wrapper, .owl-carousel .slide-img {
	height: 600px !important;
}
}
@media only screen and (min-width: 90em) {
.rolo_wrapper, .owl-carousel .slide-img {
	height: 720px !important;
}
}

Hi again,

And thanks for your feedback.

Yes, we know that zooming effect is very nice, but currently it is creating that bug, and we have to handle that in proper way. We will add an option in next update which will be major one. Also, thank you for sharing that css code. We hope that it will be helpful for other users.

Best Regards!

Sorry, I forgot to ask, does demo works now since it is working fine from our side?

Bests!

Yes demo works fine now!
I’ll be waiting your next update.
Kind regards ??

Excellent,

Thank you.

Just to let you know that recent updates were released in order to fix previous one since it wasn’t uploaded to WP org correctly for some reason and it was causing issues. This is fixed now, and we are still working on major update which will include zooming ??

All the Best!

Hi again,
I think I found another bug, first of all tell me if I should open another topic.

Before today I was working on a single slider.
This morning I added more sliders, and inserted one of them in my template using this code:

<?php if (is_front_page('') || (is_404(''))) : ?>
<?php echo do_shortcode('[rolo_slider="home"]'); ?>
<?php endif; ?>

but noticed that all sliders appear on the home page, not just the slider called “home”.
Any idea why?
Thank you

Hi again,

Yes, you can continue on this topic. We released fix for this when adding slider to a page over shortcode, but we didn’t know that issue remained while adding the shortcode directly into page template. We will will release a fix in a day or two. Thanks for the contribution.

Best Regards!

I’ll be waiting, thanks!