-
Posts
-
Hi, I have button at my site that should open a lightbox/popup with a text and some hyperlinks. For the content of the lightbox I created a webpage without header and footer, that is the text only. Top open this text in a lightbox/popup I linked the button to the page’s URL with ?iframe=true added to it.
So far, so good. The button opens the lightbox/popup containing the text.
However, the text is longer than than the height of the lightbox/popup. So users have to scroll. But not all users realize they have the option to scroll within the lightbox/popup. They ask me: where is the rest of the text?
So: how can I create a lightbox/popup that is as heigh as the text (even if it’s larger than the screen)?
This is what users see: https://snag.gy/DdSEGO.jpg
But here you see there’s some more text below: https://snag.gy/5CGt4V.jpg
And even more: https://snag.gy/Yk79e1.jpgCheers,
MarcHi Marc,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaHi Victoria, this is where the lightbox is too low: http://geldenlevensgeluk.nl/zakelijk/
There’s a slideshow at the top of the page, with a button (‘LEES VERDER…’); just press the button.Thnx!
Hi Marc,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.page.page-id-1579 .mfp-iframe-scaler iframe { min-height: 705px; }If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria, thnx, it seems that does the trick!
Wouldn’t it be nice if the lightbox/popup height scales automatically?
- You must be logged in to reply to this topic.