changing background

I changed the background in the GK-Corporate2 template editing the template.css:

body { min-height:100%; line-height:1.7; background:#86abbb url('/images/BG.png')repeat top; color:#979189; }

This is not working for IE7 or 8, afaik because of not supporting css3.

So where could i change it, so it is supported with ie8?

Maybe it's a very simple thing, but i'm a newbee in the webdesign world.

Tnxs,
Paul

Try to change it as below as IE is picky how css code is written and usage of no spaces.

Code: Select all

body { min-height:100%; line-height:1.7; background:#86abbb url('/images/BG.png') repeat top; color:#979189; }


Thanks for the very fast reply. Works perfectly. Just one stupid space...... It's a learning process

No problem at all , any questions let me know...

How do i change the background in joomla 1.7 ...i didnt find BG.png or any background image in template/images folder.

At default there is no background image , as user added their own background file. You can do the same and add your own background.

If you tell me what kind of background you want to use .e.g full screen, scrolling, only at top etc. Then i ll write down a css code similar to original posters code.

See you around...

At default there is no background image , as user added their own background file. You can do the same and add your own background.

If you tell me what kind of background you want to use .e.g full screen, scrolling, only at top etc. Then i ll write down a css code similar to original posters code.

See you around...

Hey i want to add background only at the top...i've attached an screen of layout

screenjpg.jpg

... how i want it to look...here is the link of the web that i want to change: http://pandadesign.ro/test2/

Thx for your help!

Can you please copy your image to "templates/gk_corporate/images/bg.jpg" and let me know, thank you.

See you around...

Can you please copy your image to "templates/gk_corporate/images/bg.jpg" and let me know, thank you.

See you around...

I uploded the image to "templates/gk_corporate/images/bg.jpg" ...but is only the image that i want to show...in that place...not the whole background..tell me if it is ok..thank you!

Please add below css code in to "/template/gk_corporate2/css/override.css" then enable css override option from template settings > advanced settings > css override "on".

Code: Select all

body { background: url('../images/bg.jpg') no-repeat top; }


See you around...

Please add below css code in to "/template/gk_corporate2/css/override.css" then enable css override option from template settings > advanced settings > css override "on".

Code: Select all

body { background: url('../images/bg.jpg') no-repeat top; }


See you around...

Hey...i did what u tell me..it is almost done... can u have a look pls...there's a little space betwen slider and the top background...can i put them toghether...to be all in one..like in my image...thank you for ur help:)

Add following in to your override.css

Code: Select all

#gkPageTop { padding: 20px 0 3px; }


See you around...

Add following in to your override.css

Code: Select all

#gkPageTop { padding: 20px 0 3px; }


See you around...

great...thank you so much for you help!!and also have a last questions...hope so:D ...the rest of the background can remain on the same color it was before....now is white.

Use below with a color of your choice. Your previous color was #F4F2EF.

Code: Select all

body { background: #F4F2EF url('../images/bg.jpg') no-repeat top; }


See you around...

Use below with a color of your choice. Your previous color was #F4F2EF.

Code: Select all

body { background: #F4F2EF url('../images/bg.jpg') no-repeat top; }


See you around...

Works...Thank you for all:)

No problem at all, see you around...