[SOLVED] Financial Business Background

Hello,

I want to change the background color from white to grey - but just the background, not the body of the template which is transparent (this should stay white). How can I do this?

Thanks a lot!
Uli

Go to template/gk_finance_bussines/css/template.css and change in first line from:

Code: Select all

body { line-height:1.8; min-height:100%; background: #fff; color: #555; }

to:

Code: Select all

body { line-height:1.8; min-height:100%; background: #999; color: #555; }

Thank you!
The background is gray now, but the head area as well. (see my picture)
What do I need to make only the background gray, but the rest remains in white?
Thank you for your support!

Greetings,
Uli

Bildschirmfoto 2011-11-05 um 16.15.37.png

This need changes in php file so make a note of this and add it again incase you need to update your template version as it will get overwritten...

Find File: "templatesgk_finance_businesslayoutsdefault.php"
Find line: 55 which is below

Code: Select all

   <div id="gkBg">   


Add another div tag before it lets call it gkBody2 so it looks like below

Code: Select all

   <div id="gkBody2">   
   <div id="gkBg">   


Find Line: 101 which is a closing div bracket

Code: Select all

    </div>


Add before or after a second closing bracket so it looks as below

Code: Select all

    </div>
    </div>


Find File: "templatesgk_finance_businesscsstemplate.css"
Find Line: 13 which is below

Code: Select all

body {  min-height:100%; background: #999; color: #555;}


Add after below

Code: Select all

#gkBody2 { margin:0 auto 20px; overflow:hidden; background:#FFF; width: 1002px; }


So they look as below

Code: Select all

/* Basic elements */
body {  min-height:100%; background: #999; color: #555;}
#gkBody2 { margin:0 auto 20px; overflow:hidden; background:#FFF; width: 1002px; }


So now you have separate body color and secondary templates body wrap color.
Use normal body with #999 color for whole html
use gkBody2 with #fff for templates own body color.

See you around...

Oh...I´ll try it....
Hope it´s possible for me to do this!
Thanks a lot!

Its very easy, template body just needs its own container so it doesn't inherit background color from main body.

I've done everything as you said, but now the background remains white and the body. Do you understand that?
Any idea?

Greetings, Uli

Do you have any live link to your website so we can take a look.

Today I viewed the page again and now it works! Mysterious!
Thank you for your help and patience!
regards, Uli

I have used the same code as you suggested, but instead of a color change, I am using an image in the background. The image shows up, but it is still "bleeding" through the navigation, logo and main body.

Do I have to use different code for an image?

thanks again

In which class have you added the background image. "body" or "gkbody2". "body" covers all page and "gkbody2" covers only template body width.

I put the background image in body. Should I switch it to "gkbody2"?

Do you have a link to your website?

One more question:
I want to change the color of the menu. In the template there are only blue, green, orange, Red, but I would like the menu in gray, when it pops up. I can not find the setting for it. Can you help? (Look at my picture)
Thank you!
Uli

Bildschirmfoto 2011-11-15 um 19.16.55.png

yes. The development site is http://moonlight.versist.net

thanks again

yes. The development site is moonlight.versist.net

thanks again

I have used the same code as you suggested, but instead of a color change, I am using an image in the background. The image shows up, but it is still "bleeding" through the navigation, logo and main body.

Do I have to use different code for an image?

thanks again

You are missing following code in your css.

Code: Select all

#gkBody2 { margin:0 auto 20px; overflow:hidden; background:#FFF; width: 1002px; }


One more question:
I want to change the color of the menu. In the template there are only blue, green, orange, Red, but I would like the menu in gray, when it pops up. I can not find the setting for it. Can you help? (Look at my picture)
Thank you!
Uli

Bildschirmfoto 2011-11-15 um 19.16.55.png

Do you mean main menu color when mouse hover on top or do you mean submenu color which opens underneath main menu?

I mean both

Thank you!

this is what I have in the template.css file Do I have it in the wrong css file?



/* Basic elements */

body { min-height:100%; background:url("../images/moontagtrans.png") no-repeat right top !important; };
#gkBody2 { margin:0 auto 20px; overflow:hidden; background:#FFF; width: 1002px; }

this is what I have in the template.css file Do I have it in the wrong css file?



/* Basic elements */

body { min-height:100%; background:url("../images/moontagtrans.png") no-repeat right top !important; };
#gkBody2 { margin:0 auto 20px; overflow:hidden; background:#FFF; width: 1002px; }

Because you are using css cache if you look at your loaded css file gkbody2 is not there although if you check the file code is in there.

So you need to disable css caching, clear joomla cache then recheck your website.

For your information do not use caching until your design and layout is finished...

I found my mistake - I had an extra ; after I closed the brackets. Thanks again

Do you have a solution for my question (menu color)??

Thank you!