Side Navigation skin - Header background

Feebeegeebee · Post by **Feebeegeebee** » Fri Jul 06, 2018 7:40 am

Hi,
I've just started playing around with the new 2018 Side Navigation skin, and it really seems to suit a help of our size.
I followed the Side Navigation tutorial online and imported the skin into my existing project.
I've been playing with the look and feel of the skin and have set the Header > Background to white (#ffffff).
The logo image has a white background, so I've also set the Logo > Background to white.
I've also configured the Side Nav Menu Items to look exactly how I want them.

sidenav_query1.png

However, when I build my project, the header background on the home page is showing as grey.

sidenav_query2.png

But, when I launch any of the pages within my project the header is shown correctly as white (like I want it).

sidenav_query3.png

It may be Friday afternoon fatigue time, but I cannot work out where to get rid of the grey header colour for the home page.
Please can someone put me out of my misery? What am I missing?
Thanks for any help.
Feebeegeebee

Feebeegeebee · Post by **Feebeegeebee** » Wed Jul 11, 2018 4:54 am

Have gone back to this and am still stuck.
Have the following set in my .css used by my home page:

Code: Select all

nav.title-bar
{
	position: absolute;
	width: 100%;
	opacity: 0.8;
	background: #ffffff;
	background-color: #ffffff;
}

Does the new Side Navigation skin inherit the header background colour from somewhere else?
Any help gratefully received...
Feebeegeebee

Post by **NorthEast** » Wed Jul 11, 2018 5:54 am

As it's only on the home page, then I'd expect the CSS is in a stylesheet that's only used by your home page.

Press F12 in your browser and use the inspect tool to examine the HTML/CSS in the header.

Feebeegeebee · Post by **Feebeegeebee** » Wed Jul 11, 2018 7:36 am

Press F12 in your browser and use the inspect tool to examine the HTML/CSS in the header.

Thanks for your reply, Dave.
I had already done that and trawled through, thinking that I had set anything that could be relevant to a white background.
However, reinspecting it, I noticed that the <body> style had a grey background, so changed that in the .css and rebuilt. Bingo! It seemed that was overriding the header background...

Onwards and upwards! Thank you!
Feebeegeebee

MadCap Software Forums

Side Navigation skin - Header background

Side Navigation skin - Header background

Re: Side Navigation skin - Header background

Re: Side Navigation skin - Header background

Re: Side Navigation skin - Header background