In this tutorial we will see how to design the “CRAFT COFFEE” and “GOURMET PASTRIES” part just like in Divi Café Demo.

For this we will have to go through some simple steps,

  • Add a ½ + ½ row in current standard section.
  • Insert call to action and divider module in this row
    for CRAFT COFFEE section you will need to add Call To Action + Divider.

Divi Cafe

Craft Coffee Section

And for GOURMEET PASTRIES add Divider + Call To Action.

Divi Cafe

Gourmet Pastries Section

  • Go to section settings > general settings > and in custom padding field put 0px for top, bottom, left and right.
Divi Cafe

custom padding in general settings

  • Go to the row module settings and make the row fullwidth, enable the option of “Use Custom Gutter Width” and put the gutter width value 0, set all custom padding to 0px (i.e. top=right=left=bottom=0px).

fullwidth

Divi Cafe

gutterless row module settings

  • Go to advanced design settings and enable “Equalize Column Heights”.
Divi Cafe

equalize column height

Divi Cafe

column two bg image

Divi Cafe

column one bg image

  • Go to Call to Action Module Settings > Advanced Design Settings and put 12% in custom padding field for left, right, top and bottom,
    and set all others things according to your need.
Divi Cafe

custom padding cta

  • Go to Divider Module Settings > General Settings and select “Don’t Show Divider” for visibility,
    put 200px value in Height field.

divider module settings

  • CTA module formatting (text and button) can be achieved very easily by editing in text editor and by advanced design settings, so set all the formatting according to the need and if we make all the things like in demo then it will look like:
Divi Cafe

Craft Coffee and Gaormet Pastries

If you have any query or suggestion regarding to this post, please feel free to comment below.

Stay tuned for more stuff in next article on Divi Cafe Demo.

 

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