Here we are with another post on “ Divi Café Demo ”. In this post we will design the dark background part with two blurbs modules.

Please follow the given steps to design that part-

  • Add a standard section (½ + ½ columns).
Divi Café Demo

new standard section

  • Go to Section Module Settings and set the background color accordingly (in demo #424b59 is used as bg color).

    Divi Café Demo

    section module settings bg color

  • Now go to Row Module Settings > Enable Make This Row Fullwidth > Save and Exit.
  • Click on “Insert Module(s)” and add Blurb Module for both columns.
Divi Café Demo

two blurb modules

Divi Café Demo

this image shows top icon blurb module

  • Select “Top” in “Image/Icon Placement” and Set other things according to need (Style your text through Text Editor or Advanced Design Settings).
Divi Café Demo

this image shows image icon placement

  • Now Go to Advanced Design Settings and set the background colour accordingly (in demo, colours used are #3d4553 and #4c5461 for first and second blurb module respectively).
  • Scroll down a bit and set all custom padding 40px (i.e. top=right=left=bottom=40px) for both Blurb Modules (check the yellow highlighted part in the following image).
Divi Café Demo

the above image shows blurb module advanced desing settings

  • Click on Save and Exit.

This part is ready and it will look like this-

Divi Café Demo

the above image shows blurb module part divi cafe

In the next part of this series we will talk about the contact form module part, till then stay tuned!

For any query or having any issue about Divi Café Demo, you comment below in comment box or create a new question. We feel pleasure in helping you and we will get back to you soon with a solution As soon as possible.

You May Also Like

Subscribe To Our Newsletter For More Tips & Tricks on Elegant Themes

Subscribe To Our Newsletter For More Tips & Tricks on Elegant Themes

You have Successfully Subscribed!

Share This