Semi Transparent Header

Love how we can make the header transparent now - awesome! One thing I would like to do is make the header semi transparent ( like 50% or so) so that the background header image shows through. Can you tell me how to achieve this effect with the plugin? Thanks a lot!

Hey Brian,

Thanks for posting! Just wondering how you’re making the header transparent? The answer to your question depends on how you’re achieving the above.

Ben

Hello Brian can you please be more open, how i make transparent header bar menu Opacity menu using any color or opacity %, can you explain me the reserve or the way to do, if you have any idea also, thanks Geovanis

Guys: I am using Beaver Builder. How do I make the header semi transparent as in this example: http://coschedule.com/

Thanks.

Hey guys,

Check out the link below and see if it’s what you’re looking for. Just play around with the background colors, try using rgba so it supports opacity.
http://forum.wpbeaverbuilder.com/knowledge-base/transparent-headermenu/

Ben

I am not a programmer. I don’t know CSS. I want a black background for the header at 50% opacity. How do I write that code?

Hey Brian,

Just change all background: none; instances you find on that article above to background: rgba(0,0,0,0.5); and see if that works. You may want to check the link below for CSS tuts. :slight_smile:
http://www.w3schools.com/css/default.asp

Ben

Bello ben i use The Conde you mention on your post form bb. Web but doesn’t. Work for me.

This is what I looking to do…

Example apple.com website.

I want to used the colour #000000 then have opacity 50% but the scroll bar have to be the same. On the two function menu the one is no fit and the one is fit with the scroll so I try to change in 7 time then the page give me fatal error…I delete the web and put back together again. I’m tired to do that. I don’t Know how I going to change or complete that job. Ben give me something pleases.

Hey Geovanis,

You need to place the code under Theme Customizer > Code > CSS Code.

Ben

Hello the ode working, but the behaviour is different what i looking for is opacity of 50% no transparent, how i make that possible…

Hey Geovanis,

I guess this is the same thing Brian was looking for. Check my reply above for the solution. :slight_smile:

Ben

Hi ben thanks for your support, i see that css work on the first header, the colour change the way I want, buy the scroll header stay as the default color, mean no change, i want the same behaviour for the entire web we he opacity, :slight_smile: how i do? :slight_smile:

Hey Geovanis,

Apply the same background color to the CSS selector below.

.fl-page .fl-page-header-fixed {
  background: red;
}

Ben

[Content Hidden]

I can see any header menu with this code… i thinks i make something wrong

Yeah thanks Geovanis for hijacking my thread. Guess I’ll start a new one if I need help because you’ve confused the whole damn thing to the point I don’t even know what’s going on anymore. Can you please submit a ticket on your own account?

Thanks

-Brian

HI Brian sorry, I that this is a open forum for BB customer, here is nothing wrong with the communication… I just looking for all to resolve this problem. what i did wrong in why you are replay me like that… pleases explain or let the BB team help us for all… pleases!

Hey guys! Brian, sorry your original thread went off on a tangent. Often times, other folks in the community have good answers to questions that come up here, so we keep all forum topics open to everyone.

With hindsight, this thread did take a bit of a turn from your original question. Sorry about that. We’ll try to be a bit stricter in the future and ask for folks to start a separate thread.

All that said, did you end up getting the transparent header figured out, or do you still need some assistance?

Hello Robby,
Im so sorry about this confuse, I some point i understand Brian, maybe he din’t resolve the problem. then I just jump on something similar to him… i still looking for help i can’t fixed that part on the header opacity. do you have any subjection… or i opens a new forum… everyone here looking for solution and successfully public tech relation. I spend to here any opinion or comment on my topics. one more time thanks to everyone. G

Yes, Geovanis, go ahead and start a new thread please. Thanks :slight_smile: