Replacing background with an image

How do I replace the background with an image in this template?

http://demo.gavick.com/joomla16/sep2011/

Hi.
You need to edit template.css file and find the following line:

Code: Select all

 body {
line-height: 1.8;
min-height: 100%;
color: #777;
background: #EEE;
padding-top: 45px;
}

And change it to:

Code: Select all

 body {
line-height: 1.8;
min-height: 100%;
color: #777;
background-image: ....... ;   //here you have to put path to the image.
padding-top: 45px;
}

Mike MB,

Thank you, it works.

I'm glad I could help.
See you around...

I'm glad I could help.
See you around...

Hey Mike MB, I also had another post:The color code in the main menu of this gavick template:http://demo.gavick.com/joomla16/sep2011/

Please check this site:

Code: Select all

 https://www.gavick.com/support/forums/104/13476.html

trying to get a background image in, not working
what did I do wrong

body {
line-height: 1.8;
min-height: 100%;
color: #fff;
background-image:http://www.avidiamonds.com/templates/gk_boutique/images/AVI-colored-diamonds.png;
padding-top: 45px;
}
http://www.avidiamonds.com

the link to the other forum post is not working

Try following css code

Code: Select all

body {
background: url("http://www.avidiamonds.com/templates/gk_boutique/images/AVI-colored-diamonds.png") no-repeat fixed 0 0 transparent;
background-size: 100%;
line-height: 1.8;
color: #fff;
padding-top: 45px;
}


See you around...

worked thanks

No problem at all, see you around...

Hey norman! man you've always helped me out,and boy i sure could use your help this time.
this post is great, except that it doesnt work for me. here is the my original post:
https://www.gavick.com/forums/boutique/ ... 16765.html
i just need to know how to make what i did global in redshop...(help)

thank you

i want to have for a different site page a different background color

in template.css file we have on row 11:
body {
line-height: 1.8;
min-height: 100%;
color: #777;
background: #eee;
padding-top: 45px;
}

I wrote the following line:
body.custompage1 {
background: #fff;
}

to make the home page with a white background

in admin area
Menu Manager-> Edit Menu Item->Page Display Options->Page Class-> in field paste :body.custompage1

but there is no change
what i do wrong?

Try the same in template settings > Features > Suffixes for pages.

Find your menu item id from menu manager or in main menu. For an example Home menu item ID is usually 101 ( See end of each menu item ). So in suffixes for pages options enter 101 in itemid/option and enter custompage1 in suffix then click on add rule.

That should work now with your added css.

See you around...

thx works fine
but in this case come out another problem
if i want to change background color not just for a one page but another 5 pages i need to add a new rule for any menu itme ID?
i have 8 categories in my menu and each category has different subcategories
eg: Home / Adidas/Nike/ Categ3/Categ4 ....Categ8

Adidas have subcategories like boots,t-shirts e.t.c.
and in this case i need to add a new rule for any subcategorie item id

my question is:
it is possible to entered in the field itemID not just one ItemID but for eg. 5 or 10 itemID which would keep a certain style

i need that modification because in my site I intend to place the products of manufacturers (over 50 manufacturers)
Each manufacturer will have a dedicated page with products (with a different background) and their products are divided into categories wich must keep a specific background
I hope I was clear enough

Not straight forward as it looks as currently suffixes for pages only accepts single item id or component itself such as "com_k2".

You need to identify those subcategories differently, either with php code or with javascript then apply the background image depending on sub category.

I have done a background image mod long ago but obviously not tested thoroughly as I was just wasting time so it does work but not sure how it effects the performance of the site as mod looks into a folder then checks if current itemid ( Note: not menu item but a item id ) then if a filename exists with itemid name it changes the background or alternatively perhaps third party background plugin might be available in joomla extensions

Following is a link to my mod:
https://www.gavick.com/forums/game-maga ... background