How do I fade a background image

[monger]

On a section I have I want the background image faded how do I do this in pro meaning I want the image to not be so bold kind of washed out so that the overlay text shows better

[Dulcie07]

You could put your photo in the background lower layer and use a low opacity color (I recommend black or white) for the background upper layer.

[monger]

Tried that it has no effect

[jade]

Hi there,

Please also add this to the Element CSS of the section with the background:

$el .x-bg {
  opacity: 0.6;
}

Feel free to change the opacity value.

Here are some reference links:

• CSS Opacity: https://www.w3schools.com/css/css_image_transparency.asp
• Element CSS: https://theme.co/apex/forum/t/features-element-css/20500

Hope this helps.