In last tutorial I explained about the header part of the divi café demo and in this tutorial I will explain about how to create those 4 grid-styled images just below the header.

For this you will need to follow given steps

  • Add a Standard Section and (1/4 + 1/4 +1/4+1/4) row.
  • Insert image module for all 4 fields.
  • Go to section settings > general settings > and in custom padding field put 0px for top, bottom, left and right
divi café demo

custom padding general settings standard section

  • 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)
divi café demo

fullwidth

divi café demo

gutterless row module settings

 

divi café demo

open in lighbox

 

This section is now ready, and it will look like:

divi café demo

4image section

If you have any query or suggestion regarding to this post, please feel free to comment or create a new question.

Stay tuned for more in-depth on DIVI CAFÉ 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