Okay
  Public Ticket #3524459
Portfolio single item lightbox arrows
Closed

Comments

  • gilbergerruth started the conversation
    November 17, 2023 at 11:43pm

    Hi there,

    I have set up a portfolio page with an lightbox for the single portfolio item. Is there a way to:

    _deactivate the previous/next arrows (and only work with the counter) or
    _move them out of the image or
    _move them to the bottom of the image (and make them smaller) or
    _move them below the image (best option)

    The arrows are sitting in the middle of the art images on mobile devices. I have deactivated "Next-Prev navigation in single item" under portfolio settings, but this doesn´t seem to work. 

    Your help is appreciated. Cheers!

  • gilbergerruth replied
    November 18, 2023 at 9:13pm

    Hi there, besides my questions below: 

    on mobile devices the left arrow is slightly smaller than the right arrow. Is this intended? Just wonder...

    Is there any option  to change the color of the pager dots? In the white lightbox the dots are also white.

    Thanks for your help. Cheers

  •  1,558
    Laborator replied
    November 20, 2023 at 9:01am

    Hi there,

    It is possible for the image to hide the arrows completely by adding the CSS below to the Custom CSS area, I have also added the CSS for the pager dot colors in initial mode and in active mode:

    /* Lightbox: Remove arrows */
.lg-outer.lg-kalium .lg .lg-actions .lg-next, 
.lg-outer.lg-kalium .lg .lg-actions .lg-prev {
    display: none !important;
}
/* Pager dots: Initial color */
.lg-outer .lg-pager {
    background: red;
}
/* Pager dots: Active color */
.lg-outer.lg-kalium .lg .lg-pager-outer .lg-pager-cont.lg-pager-active .lg-pager {
    background: blue;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  • gilbergerruth replied
    November 20, 2023 at 12:15pm

    Hi Art, awesome thx a lot. 

  •  1,558
    Laborator replied
    November 20, 2023 at 12:45pm

    You're welcomesmile.png

    P.S: If you like our theme, it would help us a lot if you could give us a five-star rating on ThemeForest from your Downloads tab.

    A huge thank you from Laborator in advance!


    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group