Color Overlay

bradwbowman · March 2017

How can I add a color overlay with transparency to my images? I've tried everything in the forums and I can't get it to work for whatever reason.

Thanks,
Brad

Bryan · March 2017

Hi,

There is no easy way of doing that. We do not have it included in theme options.

You could use a program like photoshop to make a overlay and then upload the image.

thanks

tessmila · March 2017

Hi Brad,

I achieved a dark overlay effect by giving my sections a class (in this case I used "overlay")

Set the background color to the color you want to show through.

And the image overlay to how transparent you want it.

.overlay { background-color: #333333; }

.overlay img { opacity: 0.7; }

tessmila · March 2017

The css goes in the "Custom CSS" box at the bottom of the page

bradwbowman · March 2017

Thanks!

Comments