In this article we will see the Artisan Bread Section of the divi café demo. For sake of this article we are using the original images and text which is used in the original demo so that we can make it much closer to the demo.

To achieve this design we will follow some easy steps-

Divi Cafe Demo

Section Module Settings bg image

 

  • Enable “Use Parallax Effect” and select True Parallax as Method
Divi Cafe Demo

Section Module Parallax Effect

 

  • Add a text module
  • Put the text what you want to show
  • Now open Advanced Design Settings and put 47.25% as “Max Width” then scroll down and put 5.5% in “RIGHT” custom margin setting.
Divi Cafe Demo

Text Module Width

Divi Cafe Demo

Text Module Custom Margin

  • Go to the Row Setting > General Settings > Adjust Top and Bottom Padding to 27px (i.e. Top=Bottom=27px)
Divi Cafe Demo

Row Module Settings Custom Padding

Divi Cafe Demo

Image Module Settings Image URL

  • Enable “Remove Space Below The Image” then Go to Advanced Design Setting and enable “Force Fullwidth”
Divi Cafe Demo

Remove Space Below The Image

  • Now go to Row Module Settings of that Image Module
  • Enable “Make This Row Fullwidth” and “Use Custom Gutter” and Drag Custom Gutter Width Value to the minimum (i.e. 0), Set all “Custom Padding” to 0px
Divi Cafe Demo

gutterless row module settings

  • That’s all done here, the Artisan Bread Part is ready now, and it will look like.
Divi Cafe Demo

Artisan Bread Part

Feel free to post any question, suggestion and information about Divi Café Demo.

In next article we will see how to achieve that dark background with two blurb modules till then stay tuned.

 

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