A backgroud change

Hi there!
Well, I really need help with this:

In this template I´ve try to change the background image for a solid color (#0000 or a black bg image) but when i´ve done that (I´m just replace the bg image of the template with a black image) some parts of the template turns black too! It´s just like the sidebar _right does not have a white background... how can I fix this?

Additionally I need to change my logo space to seems like this template: the black bg for the logo space (the red an white logo its a png i guess)

Thanks in advance!!!

Could you please post an url to your site?

Hi there! thanks so much for your quick response.
www.katolikos.com.mx

Would you like to keep other elements with white background?

Ps - is the link correct - the site looks much different than your screenshot.

yes, it's very different... I want to get that fell in the header space. We want the bg for the header in black and the main menu in black too but when the mouse pass over the sections of the menu (hover) change the color.

about the bg of all the page some modules does not seem properly...

Hi there!

Well this is the situation, I guess I dont explain myself. look, my template it's this:

and If put my bg #000 it seems like that:


I want to seems something like this


In that photo the menu it's black but when you put the mouse over a determinated section (hover it's the name right?) the color change. The colors that I will use its a FFF for home (Portada) , FF2200 for the second, 65AF29 third, FFDE00 fourth, 3285FF fifth, C232FF sixth, 949494 7th

Can you help me?

This kind of modification is beyond our support.
You can start with this css:

Code: Select all

body {
    background: #000;
}
#gkPageContent, #gkToolbar, #gkBottom5, #gkBottom4, #gkBottom3, #gkBottom2, #gkBottom1 {
    background: #fff;   
}


That sets black background and bring back white on modules under the menu.
I would suggest you to get to know with firebug/chrome devtools or hire a frontenddeveloper to make all those changes if you don't know css/html/js.

Indeed you've helpe so much. Thanks! But I have another question abut this topic: how can I put an jpg or png or a svg image as the background of this template? and what kind of specifications the image need?

Yes, please read about using css image background, for example:

Code: Select all

#element {
background: transparent url(../images/yourimage.jpg) 50% 0 no-repeat;
}