change full background color

Hi,

I am trying to change inStyle from white to black background, I am almost there just by using this in the override.css :

Code: Select all

body { background-color: black;}

.gkPage { background-color: black;}

The two problems I have:

When webpage is too wide (widescreen monitor), left and right parts of gkHeader are white as gkHeader is only 1280x. I've tried overriding width with no luck.

The other problem is the menu. I cannot change the background. I've tried

Code: Select all

.gkMenu > il

but won't work.

Any ideas?

Hi,
try this:

Code: Select all

html, body, .gkPage { background: black;}

and header

Code: Select all

#gkHeader > div:first-child {background: black;}

and menu items

Code: Select all

.gkMenu > ul > li {background: black;}
.gkMenu > ul > li > a {color:#fff}
 

Sorry, Are sure that black is a good color for whole site ?
Maybe use very dark image or pattern.

Thanks for the help. Yes we are using dark grey, not black. And we are also testing doing only top parts of the screen in dark color.

And this brings some questions:

- How do we change the dropdown menu background? It's still white.

- How do we change the line at the sides of the menu?

- And now that we are thinking of just darkening the top of the page (gkHeader, gkPage, gkMenu), the menu is not aligned and pops out like this (don't worry about the colors, we're just using them to identify parts):

Why don't you use firebug like me?
Here is short guide: https://www.gavick.com/documentation/jo ... -size-etc/
more you will find on Youtube.

Remember that customization is not part of our job. You take money for website not GK team.
I gave you few tips now is your turn. If you want to hire me, okey just use PM.