Apologies if this has been answered elsewhere – I couldn’t find a solution through searching the forums.
I’m trying to use the fullscreen slider to make a photo slideshow, but I want the images to be displayed at 100% screen height, but not 100% width (ie. keep the scale of the images proportional so they don’t stretch to fill the width.
I’ve tried adding a custom css class and applying the supplied code (in documentation) in the Quick CSS box, but it doesn’t seem to be affecting it (https://kriesi.at/documentation/enfold/fullscreen-slider/#toggle-id-1).
I’ve made some progress… actually pretty close to what I’m after. See… http://www.chrisgarden.com/tramping/test/
One question I have though… I’ve used css to position the caption at center bottom as follow…
This works well, except particularly long captions are truncated, especially on mobile. Is there a way to justify it so that it fills from the bottom up? ie. as the caption gets longer, it fills upwards over the photo instead of going off the bottom of the screen.
Even better would be a way to put the caption in a full-width box below the image if possible. I can make the image 90vh easy enough to make room for a box, but don’t know how to place the slider caption in it.
You must be logged in to reply to this topic.