Double Border

A multiple border effect (with shadow) for containers.

Thankfully with this setup, you can do most everything with the GenerateBlocks interface.

The container, container background, darker border, and shadow are all done inside of GenerateBlocks, with only the thick white outline done with CSS.

.double-border {
	outline: 10px solid white;

You can swap out the outline color in the CSS for whatever color your background is for a nice subtle effect (like you see in this example on white with a white outline).

Kyle Van Deusen

Co-founder of The Admin Bar Community, owner of OGAL Web Design, and a GeneratePress & GenerateBlocks enthusiast.

For official support, please visit the forums for GeneratePress or GenerateBlocks

If you're looking to have a website built with GeneratePress & GenerateBlocks, then visit my agency website.

Leave a Comment