Hi,
I am testing the free version of Envira Gallery, which works very well but I have a problem with the lighbox border width, my customer would like to have a smaller border.
I tried to follow: https://enviragallery.com/docs/how-to-remove-the-lightbox-border/
but the css you suggest does not do the job, in fact
It seems the width of the border is created by js setting the element size directly on the #envirabox-content div so no way to override it in css for what I can see.
Is there a way to get around this?
TIA
sergio
The page I need help with: [log in to see the link]
I apologize for the confusion, can you please use this CSS instead?
div#envirabox-content {
border: 0 !important;
}
Also I noticed it looks like the code tags were picked up when you copied/pasted the shortcode into the page content. This can happen sometimes when you don’t use the Add Gallery button.
Thanks for your reply, I updated the css, and while this time the css seems to have an impact, I still see a weird effect (you can try it now in the provided link): there is still a larger ugly white background that I seem to be unable to control via css, since its width is set by js.
Any hint on how to fix? Thanks so much in advance.
Sergio
(Thank you also for pointing out the problem with the code tag being formatted, that is our fault, I told the content editor to be careful with that)
Also, I’m seeing the code tags in the HTML markup, if you edit the page, you can click on the Text Tab and then remove the highlighted (see below) code tags, leaving only the square brackets and what’s in between. This can sometimes happen when you use the copy/paste instead of the Add Gallery button.
