Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1033726

    Hi there,
    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).

    Many thanks,
    Chris

    #1034151

    Hey topergarden,

    Can you show us what you’ve got so far?

    Best regards,
    Victoria

    #1034165

    Hey Victoria,
    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…

    div.caption_fullwidth.caption_center.caption_center_framed.caption_framed {
    bottom: -90%;
    }

    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.

    Thanks!

    Thanks!

    #1035048

    Hi,

    Thanks for the update.

    The captions are not displayed when I checked the home page. Please enable it back or post the login details in the private field so that we could check it. A screenshot would help.

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.