correct code css for background image to default site

[polynikes300]

Hi

 

I tried to changed the default theme to put a background image png using the css global.

 

I put the image into the img file but apparently used the code that required the image to be placed into the css global file!

 

What is the correct coding for css image file to show a new backround image taken from the image folder? AND NOT THE global folder. oops

 

Thanks for any help and support.

 

Poly

[vekia]

hello

 

you want to use this image as a background for whole website or just for certain elements?

[polynikes300]

Hi

Thank you for your reply.

 

I would like to put a background image into the default site that will show for the whole site. Depending on the image I may need to position this image left or right in order to avoid issues with the text on the page.

 

Thanks

[vekia]

global.css file line ~53:

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:#fff
}

 

change the background:#fff to:

 

background:#FFF url('here_the_url_to_the_picture');

[polynikes300]

Hi

Thank you for the explanation and example.

 

This was the code example that I used originally and it was checked with wc3 before 'placing' into the global css file.

My problem now seems to be where to place the background image file? I put it into the 'img' folder and it did not function.

Where should the background image file be placed?

 

Thanks

[vekia]

upload the file to the: /img/cms/

directory

 

then create a link:

 

http://YOUR.STORE.COM/img/cms/YOUR_FILENAME.jpg

[polynikes300]

Hi Vekia

 

Sorry its taken a while to come back to you.

 

Thank you for your help, I'll try that and hopefully it will be fine now.

 

Poly

[polynikes300]

Hi

 

I still need to check this....

 

So the directory would be themes - default - img

what is the cms part of the pathway?

 

Poly

[vekia]

ok, so you want to upload image to the theme directory - that's ok

in this case - you don't have to create subdirectory /cms/

it mean that you can upload file just to the /themes/default/img/ dir

 

then use this url in the backgrund param:

 

background:url('http://URL_TO_YOUR_WEBSITE.com/themes/default/dir/YOUR_IMAGE.jpg');

[pildo]

i use this code:

body{

	font:normal 11px/14px Arial, Verdana, sans-serif;

	color:#222;

	background:#fff url('http://mechanicke-vahy.eu/themes/default/img/white_marble.jpg');
	background-position: center top;

}

but i still have original background from default theme... url to background img are working... i have presta 1.5.5

Edited November 8, 2013 by pildo (see edit history)

[vekia]

can you remove #fff (for test purposes only)?

[pildo]

problem was in macromedia dreamviewer... i think that css was uploaded, but it was saved only local on my pc... it solved

[vekia]

thank you so much for confirmation

i tried to open your website but i see login popup,

is there any chance to get an access there? only for test purposes, im so curious

 

of course i can wait, but after all don't forget to share your website in the "TEST MY SITE" section

[pildo]

user and pwd are: kotuce