Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #885180

    Hi Suooprt Team!
    I’d like to use the standard lightbox and it is fine so far, exept the size of the lightbox and the linked image version.
    We display the images already close to full size in the normal view and I’d like to have the lightbox mostly fullscreen and the fullsize media linked.
    Now the image displayed in the lightbox is even smaller than the one displayed on page witch makes no sense … ;)

    Is there a function to change the linked media to the fullsize version?


    THX and best Regards!

    • This topic was modified 7 years ago by WebbR.
    #885205

    well first of all there are a lot of snippets for that you can insert in your functions.php of your child-theme
    i sometimes use this – and it depends on what i like to have bigger ( than the fullsize image is taken instead of the large one)

    
    function change_lightbox_size() {
        return "full";
    }
    add_filter('avf_avia_builder_helper_lightbox_size','change_lightbox_size', 10);
    
    function enfold_customization_change_popup_size( $size ) {
      return 'fullsize';
    }
    add_filter( 'avf_avia_builder_masonry_lightbox_img_size', 'enfold_customization_change_popup_size' );

    to style the dimension of the image you can play with:

    img.mfp-img {
        height: 70vh !important;
    }
    #885206

    by the way the dimension of videos in a lightbox is a bit different !

    f.e:

    .mfp-iframe-scaler {
        width: 80vw;
        padding-top: 45vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%) !important;
    }

    80:45 = 16:9

    • This reply was modified 7 years ago by Guenni007.
    #885463

    Hi WebbR,

    Did you try the suggestions posted by @guenni007 and did you have any luck with them? Thanks for helping out as always Günter :-)

    Best regards,
    Rikard

    #885753

    Hey and sorry for the late reply! :( Not in Office today…
    Will check tomorrow and give report!
    Thx a lot so far!

    #885965

    Hi,

    Great, let us know how you get on with it.

    Best regards,
    Rikard

    #886070

    Hi there!
    The function works perfect – some quick css and everithing works like it should!

    Special THX to @guenni007 and for the fast and reliable support!

    Greetz!
    WebbR!

    #886374

    Hi,

    Great, glad you got it working and thanks to @guenni007 for helping out :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #886558

    Hey! Everything is fine! Topic can be closed!

    THX again!

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