In Basic settings -> Lightbox -> I -> Item 19: Click on background you can select Browse (left/right) Maybe usefull for you.
The icons are all .svg images and not used as such, but completely coded. This is to enable a lot of customization. The option ‘use gif/png (no svg)’ is being phased out and is currently only applicable to the spinner.
If you supply me (a set of) icon(s) in .svg format i may implement it as a alternative set. You can mail me: opajaap at opajaap dot nl
That setting is pretty close to what I want, but without icons or any other visual indication I think it’s not obvious enough (a large part of those who will use my website are older and not so good with technology so I want to make things clear and easy to use).
I also like using the setting that exits when clicking on background, so if I had buttons on the side it would basically be like having the functionality of both settings at once.
I also think that positioning the exit button in the top right and making it a little larger would also be better, at least for me.
I’ll see if I can find some good svg icons, thanks.
Adding arrows to the background will be considered
You can do a lot with custom css. For example:
#wppa-ovl-prev-btn svg, #wppa-pctl-prev-0 svg{
position:fixed !important;
top:50%;
left:0;
width:48px !important;
height:48px !important;
}
#wppa-ovl-next-btn svg, #wppa-pctl-next-0 svg{
position:fixed !important;
top:50%;
right:0;
width:48px !important;
height:48px !important;
}
#wppa-exit-btn-2 svg{
position:fixed !important;
top:0;
right:0;
width:48px !important;
height:48px !important;
}
Thanks. Is there any easy way to add buttons like that with CSS, instead of moving the existing buttons? It would be great if I could have that layout and still keep the original navigation bar intact too, if possible.
This request will be implemented in the next version
Thank you! I just checked it out and it’s pretty much exactly what I wanted, the only thing that’s missing is some visual feedback when clicking the buttons, such as slightly shrinking and/or changing transparency on click. I assume this is possible with custom CSS so I will try it myself
