How to add overlay color or icon on image? - Divi Extended Documentation
![](https://diviextended.com/documentation/wp-content/uploads/2022/06/image-module-unique-id-3.webp)
The option to add an icon or image overlay effect is not available in the modal trigger image. However, you could use the native Divi image module and format it (add icon, overlay etc) as per your design specification and use this image as trigger. We have provided the sample CSS used in this case […]
![](https://www.elegantthemes.com/documentation/wp-content/uploads/2022/12/21-fullwidthheader-comp.jpg)
The Divi Fullwidth Header Module
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/11/CSSOverlayTechniques.png?x11185)
CSS Overlay Techniques
![](https://wpzone.co/wp-content/uploads/2022/10/how_to_add_more_divi_icons_to_your_site_featured_image_1920x1080-1.png)
How to Add More Divi Icons to Your Site
![](https://i.ytimg.com/vi/68135nVdqu4/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLDGiiXbqLtdc9ejlWWRl43kZELgcg)
Divi Theme Add A Color Or Gradient Overlay To A Parallax Section 👈
![](https://diviextended.com/documentation/wp-content/uploads/2021/03/flexile-header-button-icon-1024x711.png)
How to add icons to buttons - Divi Extended Documentation
![](https://diviextended.com/documentation/wp-content/uploads/2022/02/divi-gallery-extended-installation.png)
Installation - Divi Extended Documentation
![](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/PCIZhhEfzY/showcase-9-1024x605.png)
Divi Icon Divider Module - Divi Supreme - FAQs and Documentation
![](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/pIdX7QMo0I/showcase-8-1002x1024.png)
Divi Image Module - Divi Supreme - FAQs and Documentation
![](https://www.elegantthemes.com/blog/wp-content/uploads/2020/09/divi-image-overlays_30.jpg)
How to Design Custom Image Overlays in Divi