Tagged: background fit, revolution slider, settings
-
AuthorPosts
-
August 22, 2015 at 8:42 pm #23781
Hi Robin,
I Have replicated the revo slider demo and set background fit to ‘cover’ which seems to crop the image after inflating it creating a composition that I am not happy with and image resolution is also sacrificed.
If I set background fit to ‘contain’, images which as described are best resized to 2000 x 500px are sharp and image height takes up less of the homepage which for me is more pleasing to the eye.
In turn the problem this creates is a huge blank white space below the slider images and above homepage content which I presume is the space that would be filled using cover as background fit.
Is there anyway to have background fit ‘contain’ effect ie. full detailed image I processed and resized minus the space? see here nomadicimagery
August 22, 2015 at 9:34 pm #23782Dawn will have a better handle on something like this, but as far as I understand it, the ‘cover’ vs ‘fit’ attributes are quite universal in the sense that they always operate as you’ve outlined. With the cover method, if you have something too wide and short, you will get a less than ideal cover, and similarly if you have something too tall and trim, you will get a similar effect.
In your case, it looks like your images are quite wide so it is expanding their height to fill the space. On different screens this will work differently – on a screen like a smartphone, it may actually look reasonably good. However, there are a couple of suggestions I can make:
1) If you are able to make that space less high in general, then your images will fit better and be stretched less. I don’t know if rev slider lets you set this.
2) For rev slider images, purposely crop them in Photoshop prior to uploading so they are less disproportionate in regards to width and height. That should provide a happy medium.I don’t think there is any other way around it based on my knowledge of rev slider.
August 22, 2015 at 10:03 pm #23783Ok Robin,
many thanks for the info, I have managed to crack the problem by simply changing the grid height, works a treat.
August 22, 2015 at 10:17 pm #23784 -
AuthorPosts
You must be logged in to reply to this topic.