Creating Space Between Wraps + Box Shadows

Refuelbox

I need to create spaces between my wraps to create the illusion of floating blocks. My background is slightly grey (#f7f7f7) and I'd like to have three wraps (in 1/3 size) positioned horizontally with a white background colour and a small space (20px) between. Currently when I apply white as the background colour for all three wraps and add padding, the background white is continued along all three wraps with no breaks in between.

On top of this, I'd also like the wraps to have a slight box-shadow applied to them. The final product would look something like this:

How do I achieve this?

Bryan

Hi,

You cannot space apart the wraps. The only way this is possible is this:

1. Create wraps with no background, shadow or borders and give them 20px padding.

2. Insert a column in each and then style it like you would the wraps on your screen.

This is the only way.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next