How to set a white background color for a lightbox in Angular?

Question

I need to set the background-color property to white for gallery item. Now I'm using this code to open the full-screen:

this.lightbox.open(0, 'lightbox1', { panelClass: 'fullscreen'})

How Can I achieve this?

Answer 1

You can manipulate the lightbox.css and change styles for the lightbox as fits you, However that will be a bad practice since you are changing the source and that will reflect all lightbox's you are using in your application.

However, you can alter the lightbox style in a specific component using ::ng-deep as follows:

::ng-deep lightbox gallery {
  background-color: white !important;
}