Cyber Monday Sale Ends in

0Days

0Hours

0Minutes

0Seconds

Buy 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;
}
Cyber Monday Popup