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].
Hello SiteOrigin Team,
Please I would like to make some aspects of the body of my site to be transparent, like:
1. the Header is transparent but the logo when I scroll stays fixed
2. the menu is not transparent
3. the main body opacity can be reduced so that the items there can be better visible.
4. I had tried to make a Hero image out of the image underneath the menu but did not get it right. (I opened a thread since yesterday on this but seems everyone has been very busy or on holiday :-) )
NOTE: I have seen some threads on this, but I am not certain which one would address my specific problem.
Best regards
Mokor
URL: http://edtextain.de/
Hello All,
Pls can someone kindly help?
So far I have tried some of the suggestions on the forum and I still cannot get answers.
With this code nothing happens:
#main {
background-repeat: no-repeat;
background-attachment: fixed;
}
with this, the background image disappears entirely:
body.custom-background {
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
Best regards
Hi Mokorr
Thanks for reaching out.
You can set your header opacity with the following:
/* Header */ .main-navigation { background: rgba(255,255,255,0.9); }Your main container opacity is being set correctly. If I change the 0.3 A value you’re using to 0 all I can see is your background image.
What position are you looking to achieve with your body background image?