Docs

[Jeff P]

How can I set a transparent background on the navbar section of the renew stack?

[Jeff P]

Nevermind. I found that adding some css under the custom tab in the customize screen accomplished this for me.

[Kory]

Great to hear, Jeff. 🙂

[Jakub G]

So he is smarter then I am as none of the codes are working for me.
can you paste them here please
just to clarify: i want my nav bar to be transparent so background image is visable thru it.
thanks in advance

[Christian]

Hey Jakub,

You can enable transparent NavBar in your stack options if your using Integrity. Renew and Icon are transparent already.

Hope that helps. 🙂

[Jakub G]

Not really but maybe I’m doing smt wrong.
I’m using renew and it is transparent but with white background.
is it possible to make it transparent to page background?
I’m adoptnig renew3 demo and this is my only strugle so far.
Great theme BTW 🙂

[Christian]

Please try the CSS

.x-navbar {
	background-color: transparent !important;
}
.site {
	background-color: transparent;
}

Thanks.

[Jakub G]

Nice one!!!!
That’s amazing !
thanks

[Rubin]

You’re welcome!

[Zenia]

How do you make the transparency more or less opaque? What’s the code for that? 🙂

[Christopher]

Hi there,

Please try this code:

.x-navbar{
background-color:rgba(255,255,255,0.5);
}

An RGBA color value is specified with: rgba(red, green, blue, alpha). The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).

Hope it helps.

[bitflip1235]

I’m still unable to make the navbar bg transparent on Renew4?

[Thai]

Hi @bitflip1235,

In this case, please provide us with your website URL so we can take a closer look?

Many thanks!

[bitflip1235]

This reply has been marked as private.

[Jade]

Hi there,

You can add this under Custom > CSS in the Customizer.

header.masthead.masthead-inline {
    position: absolute;
    width: 100%;
}

.x-navbar {
    font-size: 16px;
    background: rgba(0, 0, 0, 0.5) !important;
}

Hope this helps.

[Author]

Posts