Black Friday Super Sale 2024 is Coming Soon

WIN AN iPAD, LIFETIME MEMBERSHIP
×

Search Divi Blog Extras Documentation

Search for answers or browse our knowledge base.

Table of Contents
< All Topics
Print

How to change overlay opacity in Block Extended layout?

The opacity can be adjusted by adding the following CSS snippet to the Divi Theme Options Custom CSS area. Here 0,0,0 is the color code in RGB and .7 is opacity. Increase or decrease the opacity as required or use its own custom color instead of black (0,0,0). 

.et_pb_post_extra .post-media:hover, .et_pb_post_extra .post-media img:hover {
    opacity: 1 !important;
}