LIght scheme for logo and menu on light background

Hi there,
i have problem with the light/dark scheme:
http://www.bgrobots.com/

as you can see, the color scheme is light, but it uses white for the menu and the light version of the logo.
How to fix that?

Thanks,
V

Please check this file:
http://www.bgrobots.com/images/logo_dark.png
It has white signs, so it will not display black . Please create a dark version of the logo and use it.

With the menu - it is really strange. Could you please disable css compression (template and global Joomla) so I can see whats going on?

Changed the logo and disabled the CSS compression, hope that helps.

Basically the problem is with your dark-bg page suffix. You have light bg where dark text is better, so please remove this page suffix and menu should be rendered in dark colors.

Where to look for this page suffix?

can you please write here the exact code to put and where to insert it?

ligh-bg.JPG

here?

Hmm, my mistake, I thought this should work this way, but dark-bg is conditionally implemented in code itsef. Instead, please use this code in override.css:

Code: Select all

.dark-bg #gkLogo.text,
.dark-bg #gkMobileMenu span {
  color: #000;
}
.dark-bg #gkMobileMenu i,
.dark-bg #gkMobileMenu i:after,
.dark-bg #gkMobileMenu i:before {
  background: #000;
}
.dark-bg .gkMainMenu > .gkmenu > li > a:hover,
.dark-bg .gkMainMenu > .gkmenu > li > a:active,
.dark-bg .gkMainMenu > .gkmenu > li > a:focus,
.dark-bg .gkMainMenu > .gkmenu > li.active > a {
  color: rgba(0,0,0,0.75) !important;
}
.dark-bg .gkMainMenu > .gkmenu > li > a,
.dark-bg .gkMainMenu > .gkmenu > li > span {
  color: #000 !important;
}


Thanks, it is working now