40+ Customized Layouts using Divi Blog Extras with CSS

Check out the CSS snippet at the end of the post.

Grid Extended Custom Layouts

Layout 1

Layout 2

Layout 3

Layout 4

Layout 5

Layout 6

Photography

Duis a metus ac metus vehicula porttitor in sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...

Photography

Sed lacinia ipsum sed ex bibendum consequat

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...

Layout 7

Photography

Duis a metus ac metus vehicula porttitor in sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...

Photography

Sed lacinia ipsum sed ex bibendum consequat

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...

Layout 8

Photography

Duis a metus ac metus vehicula porttitor in sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...

Photography

Sed lacinia ipsum sed ex bibendum consequat

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...

Box Extended Custom Layouts

Layout 1

Technology

Eget volutpat felis duis ultricies ipsum

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum....

Fashion Health

Proin justo dui consectetur nec luctus et posuere in elit

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum....

Layout 2

Technology

Eget volutpat felis duis ultricies ipsum

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum. Nam mollis venenatis commodo. Cras sodales blandit convallis. Nulla bibendum viverra bibendum. Vestibulum quis felis eu dolor fringilla ultricies nec pulvinar justo. Morbi pretium vehicula pharetra. Nullam nisl dolor, rutrum a faucibus eu, ornare sit amet eros. Sed sem nisi, molestie ut metus eu, rhoncus malesuada est. Donec molestie tempor felis vel iaculis. Curabitur congue mi mi, eget placerat magna egestas in. Mauris...

Fashion Health

Proin justo dui consectetur nec luctus et posuere in elit

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum. Nam mollis venenatis commodo. Cras sodales blandit convallis. Nulla bibendum viverra bibendum. Vestibulum quis felis eu dolor fringilla ultricies nec pulvinar justo. Morbi pretium vehicula pharetra. Nullam nisl dolor, rutrum a faucibus eu, ornare sit amet eros. Sed sem nisi, molestie ut metus eu, rhoncus malesuada est. Donec molestie tempor felis vel iaculis. Curabitur congue mi mi, eget placerat magna egestas in. Mauris...

Layout 3

Technology

Eget volutpat felis duis ultricies ipsum

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum....

Fashion Health

Proin justo dui consectetur nec luctus et posuere in elit

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum....

Layout 4

Technology

Eget volutpat felis duis ultricies ipsum

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum. Nam mollis venenatis commodo. Cras sodales blandit convallis. Nulla bibendum viverra bibendum. Vestibulum quis felis eu dolor fringilla ultricies nec pulvinar justo. Morbi pretium vehicula pharetra. Nullam nisl dolor, rutrum a faucibus eu, ornare sit amet eros. Sed sem nisi, molestie ut metus eu, rhoncus malesuada est. Donec...

Layout 5

Technology

Eget volutpat felis duis ultricies ipsum

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum. Nam mollis venenatis commodo. Cras sodales blandit convallis. Nulla bibendum viverra bibendum. Vestibulum quis felis eu dolor fringilla ultricies nec pulvinar justo. Morbi pretium vehicula pharetra. Nullam nisl dolor, rutrum a faucibus eu, ornare sit amet eros. Sed sem nisi, molestie ut metus eu, rhoncus malesuada est. Donec...

Layout 6

Technology

Eget volutpat felis duis ultricies ipsum

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum....

Fashion Health

Proin justo dui consectetur nec luctus et posuere in elit

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum....

Layout 7

Technology

Eget volutpat felis duis ultricies ipsum

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum....

Fashion Health

Proin justo dui consectetur nec luctus et posuere in elit

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum....

Block Extended Custom Layouts

Layout 1

Layout 2

Layout 3

Layout 4

Layout 5

Layout 6

Layout 7

Layout 8

Layout 9

Layout 10

Full Width Custom Layouts

Layout 1

Eget volutpat felis duis ultricies ipsum

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum. Nam mollis venenatis commodo. Cras sodales blandit convallis. Nulla bibendum viverra bibendum. Vestibulum quis felis eu dolor fringilla ultricies nec pulvinar justo. Morbi pretium vehicula pharetra. Nullam nisl dolor, rutrum a...

Layout 2

Layout 3

Eget volutpat felis duis ultricies ipsum

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum. Nam mollis venenatis commodo. Cras sodales blandit convallis. Nulla bibendum viverra bibendum. Vestibulum quis felis eu dolor fringilla ultricies nec pulvinar justo. Morbi pretium vehicula pharetra. Nullam nisl dolor, rutrum a...

Layout 4

Layout 5

Layout 6

Layout 7

Layout 8

Layout 9

Full Width Background Custom Layouts

Layout 1

Layout 2

Layout 3

Layout 4

Layout 5

Layout 6

Layout 7

Layout 8

Layout 9

Layout 10

CSS for the above layouts is available below