header menu and footer
Hi,
I would like to ask your help regarding changing main header menu and footer background:
I would like to use a background picture for the whole site and I would like to see this picture also behind main menu and behind footer (black background with some opacity, transparency)
Can you please help me how to fix this issue.
Your help is highly appreciated.
Regards,
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3Hi P P
Thanks for the wait.
This takes quite a bit. You can try the following and see how you go from there:
/* Body */ body { background-image: url(http://www.nemfajfejem.hu/wp-content/uploads/2015/03/fooldal.jpg); background-repeat: no-repeat; background-size: cover; } /* Header */ header#masthead { margin-bottom: 50px; } /* Main Content */ #main-slider { background: none; } #main { background: none; } /* Menu */ nav:first-of-type { display: none; } .main-navigation.sticky[style] { width: 100% !important; } .main-navigation { background: rgba(52,53,56,0.8); } /* Footer */ #colophon { background: rgba(52,53,56,0.8); }Hi Andrew,
That’s GREAT! Exactly what I wanted!
Your help is highly appreciated!
Regards,
Awesome, really glad to hear that did the trick.
All the best.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.