How To Use The Missing Divi Background Image Settings On Parallax Sections

20180214122145_IMG_9804_01
Every wonder why the Divi section background settings disappear when you turn on parallax? Here's something to help.

Parallax Turned Off

Parallax Turned On

/*background image color*/
.pa-parallax-background-image-color .et_parallax_bg:before {
content:””;
display: block;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(0,0,0,0.6);
}

Background Color

/*background image gradient color*/
.pa-parallax-background-image-gradient .et_parallax_bg:before {
content:””;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0, 195, 170, 0.70)), to(rgba(122, 87, 209, 0.70)));
background-image: -webkit-linear-gradient(left top, rgba(0, 195, 170, 0.70), rgba(122, 87, 209, 0.70));
background-image: -moz-linear-gradient(left top, rgba(0, 195, 170, 0.70), rgba(122, 87, 209, 0.70));
background-image: -o-linear-gradient(left top, rgba(0, 195, 170, 0.70), rgba(122, 87, 209, 0.70));
background-image: -ms-linear-gradient(left top, rgba(0, 195, 170, 0.70), rgba(122, 87, 209, 0.70));
background-image: linear-gradient(left top, rgba(0, 195, 170, 0.70), rgba(122, 87, 209, 0.70));
}

Background Gradient

/*background image size*/
.pa-parallax-background-image-size .et_parallax_bg {
background-size: cover;
}

Background Image Size

/*background image position*/
.pa-parallax-background-image-position .et_parallax_bg {
background-position: center;
}

Background Image Position

/*background image repeat*/
.pa-parallax-background-image-repeat .et_parallax_bg {
background-repeat: repeat;
background-size: initial;
}

Background Image Repeat

/*background image blend*/
.pa-parallax-background-image-blend .et_parallax_bg {
background-color: #2cba6c;
background-blend-mode: multiply;
}

Background Image Blend

Please share this post!

Nelson Lee Miller

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, and building websites with Divi.
0

Your Cart