Change header colour

Hi,

I would like to change the header color from black to white, where can I do this? I would like to keep the footer black...

Thank you.

Please edit: /templates/gk_msocial/css/override.css and add at its end:

Code: Select all

#gkTop {
background: #272727;
}


Remember to enable "CSS override" in template settings - advanced section.

But..
You have to decide, to what color change font color as it will be invicible now

Great, thank You.

nice point can I change the font color just in header? and if i can - how? i would put it in orange then...

thank You very much

Please edit: /templates/gk_msocial/css/override.css and add at its end:

Code: Select all

#gkMainMenu .gkMenu a {
color: #ff0000 !important;
}
#gkMainMenu .gkMenu li.active > a,
#gkMainMenu .gkMenu a:hover {color: #00ff00 !important}
#gkUserArea a {
color: #ff0000;
}
#gkUserArea a:hover {
color: #00ff00;
}


You can change the colors to your liking.

Remember to enable "CSS override" in template settings - advanced section.

Hi
Worked great, thank You very much.

If You wouldn't mind looking at my page again, I put a bigger logo, I just have to figure out how to make it little bigger so that the white space around it would go away. So at the right side, I would like to put the main menu down, and on the top (where the main menu is now) ,one more small menu or module, with the contact or something. I can't find position for that, is there one?

Thanks very much kind Sir!

Could You please post an url to your site?

Hello,

sure, I sent You a PM because the page is offline, so I sent You the login data too.

Thank You.

Please edit: /templates/gk_msocial/css/override.css and add at its end:

Code: Select all

#gkLogo {
width: 300px;


This will change width of the logo and make it bigger.

Remember to enable "CSS override" in template settings - advanced section.

I would strongly suggest to make oryginal image smaller - it doesn't have to have 1700x1200px size if you are going to use it as heder logo of 200-300px wide. After rescaling to size that it will be used on the page, upload it again.