Jump to content

Adding an image to Prestashop´s background


 Share

Recommended Posts

On of the negative differences that I see with prestashop over other competitors like wordpress is the inability to add a background image with easiness. After looking on different forums I saw that there is not a general rule that can ve applied to all cases. Personally I found this to be the most effective:

 

On themes\default-bootstrap\css global.css and add this code under body, background color:

 

body, #page, header, footer, .columns-container {
background: #FFF url('../img/backgroundimage.jpg') !important; }
 
After uploading the backgroundimage.jpg to themes\default-bootstrap\img  
 
However even with this option I found two problems: the image is not added to the footer and if the background image is big to cover all the areas, it will just not show up at all, but it will show many small squares with an interrogation symbol in the middle that leaded me to think that everything was set to accept one small image; after trying a small image for the background (3square inches) the background image filled the previously shown empty squares and it showed up repiting itself all over the background.
 
Anyone knows how to fix these issues: image on footer as well, and bypassing small images rule so that it can be added a big image that can cover all header, body and footer??
 
Thanks

Share this post


Link to post
Share on other sites

The background image on the whole page assumes all blocks have transparent backgrounds. That will be a big job.

I can manage to add a small image that multiplies itself all over the background and I did this relatively easily. The question is how to add a single big image...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More