![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
December 24, 2019 at 1:48 pm #1168943
Hi,
I would like to add a column link in a Grid Row which opens an image (in the media library) directly in a lightbox over de entire page. But I can’t seem to find a solution.
And on another column I would like to add a video (rather embedded from Vimeo than) also in a lightbox.I saw a previous thread about adding lightboxes but this didn’t seem to work anymore.
Maybe there is an easy solution for this?
-
This topic was modified 4 years, 8 months ago by
enzowillemstad.
December 24, 2019 at 8:59 pm #1168994Hey enzowillemstad,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaJanuary 6, 2020 at 10:45 am #1170650On the homepage, the second blok from the top left should have a link to an image in lightbox.
in private content you see the login credentials.
Thanks in advance.
-
This reply was modified 4 years, 8 months ago by
enzowillemstad.
January 6, 2020 at 11:22 am #1170659Sorry, not the homepage, but this page: https://sensmaroc.nl/sens-maroc/
The video lightbox seems to be working.
January 7, 2020 at 2:26 am #1170881Hi,
Thank you for following up.
Try to set the link to open in the same window, then add this css code in the Quick CSS field or the child theme’s style.css file.
.av-screen-reader-only.lightbox-added { position: absolute; left: auto; top: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; }
Best regards,
IsmaelJanuary 7, 2020 at 11:03 am #1170992Hi,
Thanks for you response, It semi-works.
First click it opens de image in a lightbox (nice), close the lightbox and click again and the image opens as normal.January 8, 2020 at 2:54 pm #1171467Is there perhaps another way this can be achieved?
January 8, 2020 at 10:16 pm #1171633Hi,
How about we completely remove Lightbox?
Best regards,
BasilisJanuary 9, 2020 at 12:19 pm #1171765What do you mean?
January 9, 2020 at 12:38 pm #1171782First to be clear what is your setup:
You got a grid-row and like to have in one grid-cell an image and in another one a link to a film ( youtube, vimeo etc.) both should open in lightbox.“And on another column I would like…” then you are talking about columns .
So please be more precise in your question.here i got a grid-row –
first grid-row:
on the left there is in it an easy-slider with one image and lightbox setting.
on the second cell i placed an image with video link ( video url with iframe=true option )
with this setting lightbox gallery will worksecond grid-row:
on the left there is in it an easy-slider with one image and lightbox setting.
on second cell i placed a video alb with lightbox open option (Enfold newer than 4.6.3)January 9, 2020 at 3:21 pm #1171832Hi, Thanks for you help so far.
The situation is as follows:
– On this page: https://sensmaroc.nl/sens-maroc/ I have a grid-row.
– The second cell from the left (Discover the Moroccan triangle) should open an image from the media library in a lightbox (now opens the link to the image in new tab). I would like to use the enfold function of “column link” with in the cell settings, so the same overlay is used as the cells that link to pages.
I tried adding “iframe=true” to the link, but this doesn’t seem to work.
– The third cell from the left (Video) should open a video in a lightbox. This already seems to work.In your example you use a easy-slider and I want the entire cell (with more than 1 image) to open an image from the media library in a lightbox.
Thanks in advance.
-
This reply was modified 4 years, 8 months ago by
enzowillemstad.
January 11, 2020 at 11:13 pm #1172462Hi,
Sorry for the late reply, as I investigate your issue I was able to make a link to the image in the lightbox cover the column by adding this code to a code block element within your column:<style> a.fullwidth { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> <a class="fullwidth" href="https://sensmaroc.nl/wp-content/uploads/2020/01/Sens-Maroc-Moroccan-traingle.jpg?iframe=true"></a>
But this now creates a new issue, your image is too large and because it is in a iframe it can’t be sized with css. The iframe itself can be sized larger to fill the screen, but even then your image is too large, and if you choose to do that the other lightboxes will also be larger because they are all the same lightbox.
So please take a look at your column link and decide if you want to make your image smaller or if you want to link to the image on another page.Best regards,
MikeJanuary 13, 2020 at 2:35 pm #1172797Thanks for your help, but this not really a solution.
I guess it’s not possible to add a link to an image in a lightbox in Enfold. To bad.January 14, 2020 at 5:49 pm #1173500Hi enzowillemstad,
No, not out of the box. It will require additional coding.
Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
Victoria -
This topic was modified 4 years, 8 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.