Does this plugin work with Divi?

Hello Northstar7

This plugin works with your theme.
As mentioned in the readme file, you should set your theme’s layout to “boxed”. Since your theme doesn’t seem to provide such an option, I provide you with three different sets of styles to create a boxed layout, so you can see this plugin in action. Just add (one of) the following styles to your (child-)theme’s stylesheet, at the end (the value may vary, so you may have to try a little):

/* All content boxed (header, content, footer) */
#page-container {
margin: 0 auto;
width: 100%;
max-width: 1144px;
}

#main-header {
margin: 0 auto;
width: 100%;
max-width: 1144px;
}

/* Content only boxed (header, content, footer) */
#main-content {
box-sizing: border-box;
margin: 0 auto;
padding: 20px 32px;
width: 100%;
max-width: 1144px;
}

/* Content and footer boxed (header, content, footer) */
#main-content {
box-sizing: border-box;
margin: 0 auto;
padding: 20px 32px;
width: 100%;
max-width: 1144px;
}

#main-footer {
box-sizing: border-box;
width: 100%;
max-width: 1144px;
margin: 0 auto;
}

You also have to add the following style to your stylesheet, it is needed by all three sets (the value may vary, so you may have to try a little):

#cbp_image_container {
top: 50px !important;
}

I hope this helps! If you like this plugin and it’s support, you may rate it somehow ??

Thanks for using this plugin. Have fun!

Demis

Hi, thanks so much for your reply.

Hi, I tried all three CSS options and got pretty much the same result with each:

The background is fixed and the foreground type scrolls, but the page with the foreground type is opaque. I cannot see the image except at the edge of the foreground page.

Is there a way to change the opacity of the foreground so I see the type only and not the foreground page itself?

The site is only on localhost now, so I don’t have a way to share it with you.

Thanks very much,

Dhruva Hein

Hi, never mind.

I just added this to main-content:

background-color : transparent;

That did the trick.

Thanks!

Hi Northstar7

I’m glad you could figure it out.

Cheers,

Demis

Marked as resloved.