Docs

[ZXPTech]

I am using the Integrity theme to create a site and would like to have drop shadows on either side of my sections to separate the site from the background.

An example of this can be found on Exxon’s site, http://corporate.exxonmobil.com/.

[Jade]

Hi there,

Would you mind reuploading the screenshot so that we will know which section you are describing?

Thank you.

[ZXPTech]

Sure thing

[ZXPTech]

To be clear, I would like the drop shadow on both edges not just the right side.

[Christian]

Please provide your URL so we could see your current setup.

Thanks.

[ZXPTech]

This reply has been marked as private.

[ZXPTech]

It is not currently set to have containers, but I want the drop shadows to show if I activate row containers.

[Lely]

Hello There,

Activate column container. Then on the row class field add row-box-shadows. Add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

.row-box-shadows {
    box-shadow: 5px 0 15px -4px rgba(0,0,0,0.575), -5px 0 8px -4px rgba(0,0,0,0.575);
}

This link might help too:http://www.w3schools.com/cssref/css3_pr_box-shadow.asp

Cheers!

[ZXPTech]

This worked, although I had to play around with the settings a bit to make the shadows from the rows blend together better.

Thank you for your time.

[Christian]

You’re welcome.

[Author]

Posts