Hey,
It is not a good idea to directly modify the css
files of the plugin, because as you said an update will overwrite it.
What you can basically do is to modify your template css file directly (if you work with child themes) or using a CSS plugin, which lets you add custom CSS snippets.
You then can override the style of the lightbox. For instance:
#lightbox #caption {
font-size: 20px !important;
// Other changes...
}
#lightbox #helpDisplay {
// etc ...
}
I don’t see a reason to add a feature to customize the CSS, especially because the lightbox.css
doesn’t include a single !important
statement, so overriding shouldn’t be a problem.
You can lookup on the GitHub repository on how the lightbox.css
file is designed, so that you can override it: https://github.com/awesomemotive/wp-lightbox-2/blob/master/styles/lightbox.css