Navigation background

RapidWeaver Classic
1

Hi all,

I’m using endeavor designed by Michael David.
I’m trying to make a navigation background colour. But unfortunately the option ‘Title/Navigation Color/Opacity’ does not work.

What happens:

navigationExample.png2674×496 480 KB

Does anyone know what to do?

Thanks!

2

Have you got Opacity off/Color On set in the options by any chance?

3

Yes I do. But even if I choose the option on ‘Dark opacity 90%’ for example, I get no result.

4

@Anne

Try this code in CSS, change the color.
You can also use this code for the color instead of “blue”. rgb(198, 155, 255)

#nwrap { background-color: blue; }

or this

nav { background-color: blue; }

Do you want this?

Bildschirmfoto 2016-02-15 um 11.06.01.png2268×622 365 KB

5

@Oscar

Thank you! This works!
It is nearly what I want.

I would like to show the navigation banner during scrolling only. Like this: http://michaeldaviddesign.com/themes/endeavor/contact-form/index.php
(according to Michael David it should be possible without CSS, but I’m really happy when it works, no matter how ;))

Is it possible to get the bar over the entire length of the page?

Thanks!

6

@Anne

I don’t have the theme, but I can make it on Michael Davids Endeavor website.
I think too, that this must be possible in the settings of the Theme.
Yes, you can have this. Try this code. With this code, the background is always here.
Not as elegant as in MDs page :wink:

header.navbar.navbar-default.navbar-inverse.navbar-fixed-top { background-color: grey; }

Bildschirmfoto 2016-02-15 um 14.47.17.png2044×540 695 KB

1 Like
7

@Oscar

Thank you! You really helped me!
Even though it’s not the regular way, it succeed.

This is my website: http://www.annetauber.nl

1 Like
8

@Anne

…my pleasure, when this works for you.
It looks good, I think.
(… I fixed the link in your last post, because the test file isn’t no longer active, excuse please ;))