mark4040 Posted December 18, 2010 Share Posted December 18, 2010 Hi i'm new to prestashop so i might sound a bit thick but if i want to change my background from white to a picture background where do i get the pictures from i.e. do i download off the internet and if so where do i have to upload them to i.e. on my desk top or do i have to save them in a fold on the server.sorry for sounding thick.Mark. Link to comment Share on other sites More sharing options...
rocky Posted December 19, 2010 Share Posted December 19, 2010 Upload the image to the themes//img directory, then change the following code near the top of themes//css/global.css: body { background-color: white; to: body { background: url(../img/background.jpg); This will take the image background.jpg and tile it as the background. You can add no-repeat before the semicolon if you don't want the background to repeat at all. Link to comment Share on other sites More sharing options...
mark4040 Posted December 19, 2010 Author Share Posted December 19, 2010 hi rockyi have uploaded a picture called snowflakes and i have edited the code as below}body { background: url(../img/snowflakes.jpg);is this wright.cheers Link to comment Share on other sites More sharing options...
rocky Posted December 19, 2010 Share Posted December 19, 2010 That's right. You should end up with something like this: body { background: url(../img/snowflakes.jpg); font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #5d717e; text-align: center } The other lines may be different depending on your theme. Link to comment Share on other sites More sharing options...
mark4040 Posted December 20, 2010 Author Share Posted December 20, 2010 Thank you again cheers Rocky. Link to comment Share on other sites More sharing options...
rocky Posted December 20, 2010 Share Posted December 20, 2010 Please edit your first post and add [sOLVED] to the front of the title. Link to comment Share on other sites More sharing options...
Pippo3000 Posted March 8, 2011 Share Posted March 8, 2011 Upload the image to the themes//img directory, then change the following code near the top of themes//css/global.css: body { background-color: white; to: body { background: url(../img/background.jpg); This will take the image background.jpg and tile it as the background. You can add no-repeat before the semicolon if you don't want the background to repeat at all. hm, tried this as well and it does work except that the background image is not behind the shop itself, i.e. the image shows all over the shop making it impossible to actually see and navigate the shop. is there a special trigger which makes the background image appear really in the background, showing left, right and little bit on top but not in the shop itself?phil Link to comment Share on other sites More sharing options...
ScubaLessonsInc Posted April 15, 2011 Share Posted April 15, 2011 make the image 1400 by 1400 with the 960 wide white square in the center.. that will keep your store white but your sides of the store with your image. make sure to put in the no repeat if you do not to tile the image all over.. the no repeat will keep the image sitting like it should. Link to comment Share on other sites More sharing options...
ScubaLessonsInc Posted September 30, 2011 Share Posted September 30, 2011 The center box should now be 980 in versions 1.4 and above. Link to comment Share on other sites More sharing options...
Recommended Posts