Approach

Approach

  • This approach only works only when using a white background color for your row & Text Modules
  • We’re using blend modes to make parts of the section background image appear
  • The two blend modes that allow this (in combination with a white row background color) are Screen & Hard Light
  • To cover up the entire section background, we’re making the row take up the entire width of the screen by changing the Sizing options
  • To get rid of the section background image at the top and bottom, we’ll also remove all of the top and bottom padding of our section
  • Both of these blend modes give a different effect (up to you to choose which one you prefer)
  • We’re using colored box shadows that’ll allow parts of the section background image to show through
  • You can apply this method to any module you want (if you give it a white background + colored box shadow)