Image Opacity Setting

If I add a background image to a page, isn’t there a simple control to adjust the opacity of the image to make it faint so that text can be seen better over the image?

Thanks,
DC

Hi DC,

Please add this code to the Element CSS of the section which you can find when you click on the section’s customize setting:

$el:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  position: absolute;
  top: 0;
  left: 0;
}

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.