Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I am trying to add a semi-transparent layer over the background image. I have been able to change the background color by inserting the following in the custom css code but when I add an icon inside the background, the area around the icon changes back to normal
{
background: url(‘http://www.happho.in/wp-content/uploads/2016/12/Bottle-lamp.jpg’) no-repeat fixed 50% 0px / cover;
opacity: 0.9;
box-shadow: inset 0 0 0 100px rgba(36, 70, 105, 0.74);
position: relative;
text-align: center;
padding: 72px 0px;
width:100%;
}
Please tell me what to do?
Hi Karthik,
Do you have a public URL where I can see your current setup? Ideally, please create a page with it working as desired and then add one with the icon present.
Hi Alex,
Thanks for your reply. I have created a home page and have been able to successfully added an background image with semi-transparent layer.
check http://www.happho.in
I will contact you incase I need anything. Thanks for your support