Image opacity setting and NOT lower text opacity

[global411]

is there any way to set the background opacity: .5; for the parallax
background image and NOT affect the text over the image?

As seen @ http://kidsbalance.bike/home/

[friech]

Hi Erick,

Thank you for writing in, I think you need a color overlay over your background-image and not reducing the section opacity, because that will affect its content.

Please add a CLASS bg-overlay to the said section, and add this to Theme Options > CSS

.bg-overlay {position: relative;}
.bg-overlay:before {
 	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  content: '';
  display: block;
}

this is rgba(255, 255, 255, 0.5); the overlay color, feel free to adjust this.

Of course, if you’re using the new Sections you will have this upper and lower layer background section option. Which can achieve the same effect without custom CSS.

Hope it helps,
Cheers!

[global411]

Worked wonderfully, thank you and I learned that a standard background parallax
moves very differently from the NEW sections options and both very much
have a place. thank you…

[nabeel]

Glad we could help.

Cheers!