Altitude Pro Theme – Background Image Overlay Opacity

[EricHilton]

I removed the dark overlay over the background images on the homepage of the Altitude theme in order to brighten up the images. My problem now is that the text over the background images is difficult to read. I would like to have the overlay over the background images to improve the readability of the text, but have it be not as dark to improve the brightness of the images. This is the CSS code I used to remove the dark overlay:

.image-section {
background: none;
}

Is there some CSS I could use instead of that to keep the background overlay, but make it lighter than the default?

http://examplesite.link/

[Christoph]

Hi,

well, you will have to experiment with the values for the linear-gradient.
Here are some links you can try:

http://www.css3factory.com/linear-gradients/
http://www.cssportal.com/css-gradient-generator/
http://www.colorzilla.com/gradient-editor/

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts