Hi,
I am trying to set the opacity on the masthead, page and footer, to make them more transparent and show the background picture through. I have added the custom css code I found here, but it only worked for the header, and not for the page or the footer. I have Vantage Premium, and I am using the code below. What could I be missing?
/* Vantage Set Page Opacity */
header#masthead {
background: rgba(255, 255, 255, 0.0) !important;
#main {
background: rgba(138, 208, 216, 0.5) !important;
}
#colophon {
background: rgba(255, 255, 255, 0.1) !important;
}
Let me add that I am using boxed width. Also trying to make the Menu more transparent, but it won’t work either with the custom codes I found here.
Hey skywalker
It looks good on my side, everything except the menu. Try adding the following and adjust as required:
.main-navigation { background-color: rgba(36, 140, 200, 0.5); }Hope that helps.
I have the same issue. I used the code above and still have 100% on the boxed page?
Here is what my code looks like:
/* Vantage Set Page Opacity */
header#masthead {
background: rgba(255, 255, 255, 0.0) !important;
#main {
background: rgba(138, 208, 216, 0.5) !important;
}
#colophon {
background: rgba(255, 255, 255, 0.1) !important;
}
.main-navigation {
background-color: rgba(36, 140, 200, 0.5);
}
Can you help with the boxed content?
Hi Craig
Apologies for not replying sooner. If you still need help, please, can you open a new support thread. We’ll assist as soon as possible.
Thanks