Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 13, 2017 at 3:55 pm #820592
    Pablo

    Hi,

    I´ve tried a lot of solutions you´ve posted here since 2013, but no one worked for me.

    Is it possible to configure a link to open in a lightbox popup window in Enfold 4.1, without installing anything else?

    Thank you in advance.

    July 13, 2017 at 5:37 pm #820692
    Pablo

    Hi again,

    I have found that adding ?iframe=true at the end of a link it opens the lightbox, but in 16:9, any idea about customising its size?

    Thank you.

    July 14, 2017 at 7:12 am #820975
    Rikard

    Hi,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    July 14, 2017 at 11:41 am #821115
    Pablo
    This reply has been marked as private.
    July 15, 2017 at 4:10 am #821525
    Rikard

    Hi,

    Thanks for the login details. Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-21 .mfp-arrow {
  display:none !important;
}

    Best regards,
    Rikard

    July 15, 2017 at 6:52 am #821583
    Pablo

    Hi Rikard,

    The .mfp-arrow rules worked, thank you so much. In this case I removed the page id to prevent the arrows in the footer section links (Aviso legal, Política de privacidad and Política de cookies).

    Regarding my first question, how could I change the size (or margins) of the lightbox popup window?

    Thank you again.

    July 15, 2017 at 7:07 am #821588
    Guenni007

    This is done by the scaler via padding-top:

    .mfp-iframe-scaler {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%;
}

    you see that 100/56,25 equals to 16/9 !
    so if you like to change it to 4/3 means padding-top: 75%

    July 15, 2017 at 7:17 am #821590
    Guenni007

    and if you like to have it bigger try to define it via screenwidth (in this case too a 4/3 ratio) :

    .mfp-iframe-scaler {
    height: 0;
    left: 50%;
    overflow: hidden;
    padding-top: 45vw !important;
    position: relative;
    transform: translate(-50%) !important;
    width: 60vw !important;
}
    July 15, 2017 at 7:27 am #821596
    Pablo

    Hi Guenni007, nice solution! Thank you.

    Finally, for making each lightbox link customisable (i.e. keeping the footer links without the arrows and with some particular scale, but a lightbox gallery or image with the default settings on the same page), is there any parameter (class, id, or something) that could be set at the ?iframe=true link, instead the page-id CSS class?

    Thank you.

    July 15, 2017 at 7:33 am #821597
    Guenni007

    no i think you have to do the selection via this way.
    but you might go over a custom class for those settings – and prevent doing it for each page/post you like to influence. – So you only got a couple of rules

    July 15, 2017 at 2:36 pm #821680
    Rikard

    Hi,

    Thanks for helping out as always @guenni007 :-)

    Let us know if you should need any further help on the topic @pablo

    Best regards,
    Rikard

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.