Adding image background on Prestashop default template

[DavidM1]

Hello

 

I can't seem to change to image on default prestashop template on Cs5. Here is my Css code

 

body {

background:#FFFFFF url(Streamline_Blue_Wallpaper_by_joby866.png);

font-size: 12px;

font-family: Verdana, Arial, Helvetica, Sans-Serif;

color: #5d717e;

text-align: center

 

here is the website http://www.zerohalliburton.no/

 

What can I do?

[tdr170]

Under the background you need to tell where the url is such as:

 

url(../img/Streamline_Blue_Wallpaper_by_joby866.png) fixed;

[DavidM1]

No still the same problem

 

here is what I put in the css file

 

body {

background-color: white;

background-image:url(Streamline_Blue_Wallpaper_by_joby866.png) fixed;

font-size: 11px;

font-family: Verdana, Arial, Helvetica, Sans-Serif;

color: #5d717e;

text-align: center

 

If you look at the link. www.zerohalliburton.no

 

That is how the website is with the code mentioned above.

 

Any help would be greatly appreciated/

[tdr170]

Just having url is not enough the url must point to the folder that contains the image file so if the image is in the img folder it would look like this:

 

background: url(../img/Streamline_Blue_Wallpaper_by_joby866.png) fixed;

 

if you put the image in the img folder in themes/prestashop it would look like this:

 

background: url(../themes/prestashop/img/Streamline_Blue_Wallpaper_by_joby866.png) fixed;

 

Once you have this correct you will need to add a background color to the #page heading in global.css or the background image will be visible through the the web site. (you will see what I mean)

Add this under the #page heading background-color: white

[DavidM1]

I spent many days fixing the background on something that should have been done in no time.

 

1. I use dreamweaver. I connected my website server using dreamweaver. ( Web url : public_html/themes/prestashop/img/

Root directory public.html

 

 

2. I uploaded all the image I wanted to use into prestashop/img/

 

3. I used this code

 

body {

background-image:url(/public_html/themes/prestashop/img/modern.jpg);

font-size: 12px;

font-family: Verdana, Arial, Helvetica, Sans-Serif;

color: #5d717e;

text-align: center

 

 

4. This no image when I update the site.

 

5. Although when I only change color the site changed color. But not when I try to change the background image.

 

6. The path seem to be wrong. I don't know what to do in this regard.

 

?

[tdr170]

Try this add the periods before the address

 

url(../public_html/themes/prestashop/img/modern.jpg);

or

url(../themes/prestashop/img/modern.jpg);

[passie]

For those looking for an answer:

 

I had problems with this as well.

apparently the background-image: command has problems or so as adding an url behind this does nothing, but this line works (for me):

 

body {

background: #e5e5e5 url(../img/mybackgroundpic.gif) no-repeat;

 

 

So don't add background-image: in front of url.

Hope this helps

 

Cheers,

Pascal

[passie]

BTW: the '../ in the line '../img/mybackground.gif' means:

 

GO UP one directory level

 

then go into the 'img' directory and get file mybackground.gif

 

for your info...

[Dh42]

What your issue was is where the background color was placed. Css like other languages relies on the last option presented. Yours was the color. So it was showing the color. The way you have it now it is the image, so if the image does not load it will show the color.

[helldog2004]

Yeah it certainly is the ../ issue.

You are searching the image in the same folder as you have the .css file

try the ../ or else try uploading the image into the same folder as you have the .css file!

[MFsuccess]

Hi

 

A little help here please. 

 

I read and try everything that was said early in this topic but still no luck can someone help me find what is wrong in the css file ?

 

body {
background-image: url('.../prestashop/img/background.jpg')no-repeat;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #5d717e;
text-align: center

Thank you for your help

Irene

[vekia]

does the .../prestashop/img/background.jpg image exist in this path?

+ you've got 3 dots there, use 2 dots instead of 3.

 

+ add space between url('.../prestashop/img/background.jpg') and no-repeat

[MFsuccess]

Hi

 

Yes the fils existe on my folder and i put it on my server i check and the image works fine

 

I try with 2 dots and adding the space before the no-repeat and send it to my server using FZ and still no luck 

 

any other idea ?

 

Thank you for your quick response

Irene

[vekia]

can you share url to your website? if so, please do it - it will be very helpful in this case

[MFsuccess]

yes of course i can share it

 

www.mfsuccess.besaba.com/shop

[MFsuccess]

I try to change the background color and it's working ..  

 

I verify the path to make sure i am doing everything right and i didn't find anything wrong ( it doesn't mean i am doing things right ) 

 

When i erase the no-repeat on my website i see multiple question point on my background

 

Any idea ?

 

Thanks for all your help it's greatly appreciated

Irene

Edited September 12, 2013 by MFsuccess (see edit history)

[MFsuccess]

I find what was wrong !!!!! hurray !

 

look :
 

body {
background-color: #FFFFFF;
background-image: url('../img/background_1.jpg');
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #5d717e;
text-align: center

in my case i just add the line: background-image:  '../img/background_1.jpg' and keep the line background-color: #FFFFFF;

 

Thank you for all of your help hope this will help someone else too

 

Irene

Edited September 13, 2013 by MFsuccess (see edit history)

[theme_designer]

To customize and debug the theme, I suggest to use FireBug in firefox. It will spare your much time to find what's wrong with your site.

[vekia]

 

I find what was wrong !!!!! hurray !

 

look :

 

body {
background-color: #FFFFFF;
background-image: url('../img/background_1.jpg');
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #5d717e;
text-align: center

in my case i just add the line: background-image:  '../img/background_1.jpg' and keep the line background-color: #FFFFFF;

 

Thank you for all of your help hope this will help someone else too

 

Irene

 

 

glad to hear that you solved it when your website will be ready don't forget to share it in Test my site! section

[abondon]

In case someone still has that kind of problems ...

Just know that with the default prestashop theme ... all background of most items seems to be set to white ... and not transparent ... so no chance (even with the right url poiting to the right image) to see anything unless you set all backgrounds for all items to transparent

 

AB..