Transperent image in the foreground - Forum | JoomShaper
Solved SP Page Builder

Transperent image in the foreground

Asked by Josef 4 years ago Last activity 4 years ago

I would like to design a header with a transparent image and a video in the background.
In the line option the video is in the foreground I have taken the image as an addon.

My question is how can I set a transperency of e.g. 50% opacity.

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
4 years ago · edited

Hi Josef,
You have two options:

  1. Use transparency png file (Using Adobe Photoshop or similar graphic tool you can change transparency of any image, save as 24 bit png file)
  2. Or use Custom CSS code

#sppb-addon-1651556659874 img { opacity: 0.7; }

2 more replies

Paul Frankowski Senior Staff

BTW

On my eye 50% maybe too high value, 70% (0.7)-80%(0.8) is much better.

foto_8287_2022.jpg

Josef Asked this

thanks a lot - works perfect

Log in to reply.