Kastrosama Posted December 12, 2013 Share Posted December 12, 2013 howdy all, Ive had a quick search and cant seem to find much on it, ive got prestashop 1.5.6.1 installed. im trying to change the background in the default template.ive found the global.css and located the generic style section, Ive edited it as follows. body{ background-image: url(‘../img/bg.jpg’); font:normal 11px/14px Arial, Verdana, sans-serif; color:#222; background:#fff } body.content_only { background: #FFF; } ive also put bg.jpg in the /img/ folder and its not displaying... ive also tried putting it in the img folder in the template and changed the url accordingly and got nothing.. then i tried a full url and still nothing.heres the link.. its just a test shop to find my way around the back end.http://opentempofm.com/devspace/prestashop/index.php Heres the bg file.http://opentempofm.com/devspace/prestashop/img/bg.jpgany pointers as to where im going wrong would be great!thanks all Link to comment Share on other sites More sharing options...
tdr170 Posted December 12, 2013 Share Posted December 12, 2013 (edited) First because you have Prestashop installed in a sub directory you need to go deeper with the url. Second the marks you used to enclose the URL are wrong I fixed this in the code below. Last is that you have a second background overiding the image, change the lines as I show below and your good to go. ps: if you want the background static add fixed after url('../../../img/bg.jpg')fixed; body{ background-image: url('../../../img/bg.jpg'); font:normal 11px/14px Arial, Verdana, sans-serif; color:#222; } Now if you don't want the image to show through the modules in the center of the page add background:white or #fff to the page{} #page {background:white} Edited December 12, 2013 by tdr170 (see edit history) Link to comment Share on other sites More sharing options...
Kastrosama Posted December 12, 2013 Author Share Posted December 12, 2013 thanks for the reply!Ive tried what you said, but unfortunately it didnt work :/Generic style: body{ background-image: url(../../../img/bg.jpg)fixed; font:normal 11px/14px Arial, Verdana, sans-serif; color:#222; background:#fff } body.content_only { background: #FFF; }Link to css file : http://opentempofm.com/devspace/prestashop/themes/default/css/global.cssmain page : http://opentempofm.com/devspace/prestashop/index.phpbackground image : http://opentempofm.com/devspace/prestashop/img/bg.jpg Link to comment Share on other sites More sharing options...
tdr170 Posted December 12, 2013 Share Posted December 12, 2013 (edited) OK I had another look and the issue is that you need to remove the -image and as I stated before remove the second background:#fff. I forgot to say if FIXED is used to remove the -image my bad. Edited December 12, 2013 by tdr170 (see edit history) Link to comment Share on other sites More sharing options...
Kastrosama Posted December 12, 2013 Author Share Posted December 12, 2013 So the following?Ill give it a go body{ background: url(../../../img/bg.jpg)fixed; font:normal 11px/14px Arial, Verdana, sans-serif; color:#222; background:#fff } body.content_only { background: #FFF; } Link to comment Share on other sites More sharing options...
tdr170 Posted December 12, 2013 Share Posted December 12, 2013 Should be this no: background:#FFF body{ background: url(../../../img/bg.jpg)fixed; font:normal 11px/14px Arial, Verdana, sans-serif; color:#222; } Link to comment Share on other sites More sharing options...
Kastrosama Posted December 12, 2013 Author Share Posted December 12, 2013 ahh brilliant! your a legend! i see now what i was doing wrong.Im just going to figure out what the recommended size for the background image is and im laughing. Thanks again! Link to comment Share on other sites More sharing options...
Recommended Posts