Jump to content

(SOLVED) background pictures


Recommended Posts

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

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

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

  • 2 months later...
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

  • 1 month later...
  • 5 months later...
×
×
  • Create New...