Topic: Lightbox customization

ARcode pro asked 3 years ago


Is it possible to change the background color on the lightbox gallery? Right now is just black, but it would be nice to give it a slight transparency, for example. Also, I need to modify the size of the control buttons, is that possible?


Arkadiusz Idzikowski staff answered 3 years ago

To change the component background, you can add these styles to the styles.scss file:

mdb-image-modal .ng-overlay {
  background: rgba(0, 0, 0, 0.8) !important;

Unfortunately, it's not possible to modify the size of the control buttons. We use CSS sprite there and any modification of the control size will cause a problem in the positioning of all controls.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 10.1.1
  • Device: Computer
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No