Color Overlay

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

Comments

  • 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
  • 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; }

  • The css goes in the "Custom CSS" box at the bottom of the page
Sign In or Register to comment.