If you wish to add a layer over your image, to increase the readability of the title displayed on top, for example, this is done very easily inside Elementor.


  1. Navigate to the picture and right-click it > ‘Edit section’

  2. Go to Style > Background Overlay. Click on it so the dropdown menu opens. In there you see two fields for ‘Background Type’:
    • Pencil: classic one coloured overlay
    • Gradient: with this type you can select two colours for the overlay and create a gradient:

  3. We recommend to use the gradient as this is a soft layover, but will help increase the readability of your logo or title, when this is on top of the image. 

  4. Choose Gradient > Color: black (#000000), Color 2: transparent. Location/Type/Angle > leave these options as they are set now.
  5. For ‘Opacity’, choose 0,4. Or what you prefer.
  6. Press Update on the bottom of the page to save your changes.