Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #290714

    So Kriesi chose to replace the previous images js with lightbox..cool
    but the current display of images is not clean
    The giant arrows on each side of the page are individual buttons on their own for some reason
    The left and right sides of the images still allows to navigate back and forth but it is not as intuitive as the previous version where the arrows appeared on each side on image mouseover. If you click in between the image and the arrows you click out of the gallery. So in essence why aren t the arrow inside the frame of the image? it feels like

    <ARROW>……….(click out)……….<BACK IMAGE FORWARD>……….(click out)……….<ARROW>
    its weird

    Also the white border is gone making the image just float there without focus and the X sitting on an invisible frame
    now there are 5 items. The X, the two Arrows <>, the image and the counter.

    Any chances you could provide some css and where to add it to bring back the simple white border around the images and the counter so that the images have contrast since the darkened background is a little light.

    I don t mind changing to lightbox from the previous one but this feels like a downgrade versus an upgrade. I hope it was worth it in terms of the JS load to move to lightbox. Let me know if you can help with the css for the white border…oh and I wouldn t mind getting rid of the giant <> on each side of the page as well :)

    Thanks in advance

    #290748

    I’m in agreement with Monsoon. This new lightbox effect might be commonplace among a lot of themes/websites but it doesn’t feel like it fits with the Enfold style.

    It would be nice if there were options to customise the framing of the lightbox.

    I’d also be interested in any CSS solutions to customise the lightbox.

    #290812

    I like the older slider too. The new lightbox effect is not really nice. If you like to show more pictures you have to click for everyone.

    The older slider was more comfortable. Please bring it back.

    #290814

    Hey!

    With the new lightbox you have the option of disabling it right from the theme options and instead using any other lightbox plugin (including the old PrettyPhoto one).

    PrettyPhoto however will not be coming back as part of the theme.

    Cheers!
    Devin

    #291317

    Thanks Devin for the response but that was not what I was saying or asking.
    I would like to be able to tweak the css to have a white border around the images.
    I have no problem with the theme using a different js app but I have an issue with the change in the look and feel of the new app
    Please let us know how to add a white border around the frame as the old version used to have or how to remove the arrows that show on each side of the page instead of on the image itself

    thanks in advance

    #291358

    Hey!

    Alright. If you want to add white border on the lightbox image, you can use this on Quick CSS or custom.css:

    img.mfp-img {
    border: 5px solid white;
    padding: 0px;
    margin: 40px 0px;
    }
    
    div.avia-popup .mfp-close {
    width: 40px;
    height: 40px;
    right: 0px;
    }
    
    .mfp-counter {
    position: absolute;
    top: 0;
    right: 20px;
    }

    Best regards,
    Ismael

    #292002

    with the white frame it looks much better… thanks a lot

    best regards

    Dieter

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Enfold – Lightbox css, bringing back the white border around images’ is closed to new replies.