-
AuthorPosts
-
July 13, 2014 at 5:01 am #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 weirdAlso 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
July 13, 2014 at 9:05 am #290748I’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.
July 13, 2014 at 7:35 pm #290812I 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.
July 13, 2014 at 8:16 pm #290814Hey!
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!
DevinJuly 15, 2014 at 12:08 am #291317Thanks 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 itselfthanks in advance
July 15, 2014 at 3:20 am #291358Hey!
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,
IsmaelJuly 16, 2014 at 11:50 am #292002with the white frame it looks much better… thanks a lot
best regards
Dieter
-
AuthorPosts
- The topic ‘Enfold – Lightbox css, bringing back the white border around images’ is closed to new replies.