All I want, is for my header (behind logo & UberMenu) to be transparent. No background color at all. I would like to see the background image (Northern Lights) I have in place instead.
I have tried many Custom CSS codes… The last one I tried is this one (and it simply did not work):
/* Vantage Menu Opacity */
.main-navigation {
background: rgba(255,0,0,0.3) !important;
}
Can someone tell me what’s causing this code NOT to work for me please?
Hi Jody
Thanks for reaching out.
This is a little more complicated than it may seem. There is no background image behind the header, there is only a background image added to the #main div which is positioned after the menu.
Your CSS wouldn’t impact the header, only the menu.
Here is a position you could start to experiment from:
/* Body */ body { background-image: url("https://www.soyeg.club/wp-content/uploads/2015/08/iridium-imagery-jon-canning-edmonton2-smaller.jpg"); background-size: cover; } /* Header */ #masthead { background-color: transparent; }For this to work you’d need to remove the background image from the #main div. That’s done within the Customizer in the Page section.
This probably isn’t the best way to go about things, but this was how I got it to work 100%! :)
/* BACKGROUND, TRANSPARENT HEADER BACKGROUND. FINALLY WORKING! */ /* BACKGROUND - Body CSS */ body { background-image: url("https://www.soyeg.club/wp-content/uploads/2015/08/iridium-imagery-jon-canning-edmonton2-smaller.jpg") !important; background-size: 100% !important; background-attachment: fixed !important; } #main { background-image: url("https://www.soyeg.club/wp-content/uploads/2015/08/iridium-imagery-jon-canning-edmonton2-smaller.jpg") !important; background-size: 100% !important; background-attachment: fixed !important; background-repeat:no-repeat !important; } /* BACKGROUND - Header CSS */ #masthead { background-color: transparent !important; }Feel free to have a look: https://www.soe.vc.
Looks great :) As long as it’s done using Custom CSS or a child theme style.css file I’m happy. And looking at the CSS, everything looks solid.
Nicely done. Thanks for sharing.
All the best with your site.
Andrew, first and foremost, I want to thank you for creating such a well-made WordPress theme. I have absolutely no regrets choosing Vantage to be my theme for Shoutout Edmonton – and this was nearly 1.5 years ago now. So thank you.
Secondly, I want to thank you for the incredible support you provide to your peers. You go above and beyond, and I for one, truly appreciate it. Thank you for that.
Thirdly, thank you for the compliments on my website. That means a lot to me as well. I changed it up a little more if you’d like to take a look once more. ;) I’m thinking of creating a “Share your website” showcase post so that we can see what features other Vantage users have created! I think that’d be neat. :)
Keep up the incredible work. You’re great.
Thanks so much for your support and considered feedback, we really appreciate it. Greg, Braam and Magus send their thanks too!
A showcase is definitely on the list of things we’d like to implement. We’ll definitely keep your site bookmarked as one to show.
All the best for the rest of the year. Let us know if you need a hand with anything moving forward.
Cheers for now :)