Docs

[shughesd]

Hi,

On a site I’m developing: http://integratedwalking.com, I have changed the css for the navbar inner to have a slightly transparent black color. However, when the page loads before scrolling, there is a white background behind it which goes away as it begins to scroll and it becomes what I want, namely, transparent black.

I can’t figure out what the css is from using firefox or other code inspectors. Can you help? I hope I have described the issue well enough.

thanks!

[Rahul]

Hey There,

Thanks for writing in!

Unfortunately, we are unable to understand what you are looking for! We’ve checked the given URL and couldn’t figure it out. Would you mind elaborate it a little bit more so that we can provide you a tailored answer to it.

Thanks for understanding.

[shughesd]

Ha. I was afraid of that.

I’ll attach some screenshots of the header. At first the header looks opaque, and a dark grey. But that is because it is a transparent black (which I have been able to edit the CSS for) on top of a white navbar (can’t find the css). As you start to scroll down the page, the white part moves up, leaving the transparent black with the rest of the site to scroll behind. I am using the Integrity stack, have the nav bar fixed and transparency on.

What i want is to either change that white bar to black, or transparent.

You can see in the middle screenshot the bar is moving up and you only see half of it.

I hope that makes more sense?

Thanks!

[Friech]

Hi There,

Thanks for the clarification. That is actually the body background.

body {
	background-color: #fff;
}

Changing that will affect the entire page.

Hope it helps.

[Author]

Posts