Jump to content


Changing background in themes will not work

  • Please log in to reply
2 replies to this topic

#1 Hoginblack



  • Members
  • Pip
  • 2 posts

Posted 23 April 2015 - 12:20 PM

Hello all.
I tried to post in another area and it did not work. So here it goes.

Yesterday I tried to change my bootstrap background to an image. I found a YouTube video that listed the steps that you have suggested here. I downloaded FileZilla and notepad++ just as the person on the video had used I even went as far as naming the image I was trying to use image 51 so the code would be exactly how he wrote it. However I noticed when I typed the code into notepad my code did not take on the came colorings as the code the YouTube persons did, and then my changes were not made.
I think I missed a small stupid step but it's a huge detail that is inabling me from making these changes. I saw someone here say they needed to disable theme configured or something? Is that my whole issue?
Please help

looking for the best presta addons with outstanding support? check this: PrestaShop Modules

#2 Guest_Knowband Plugins_*

Guest_Knowband Plugins_*
  • Guests

Posted 28 July 2016 - 02:33 PM

You can change the background of your store to any image by simply editing global.css for your theme and adding the following code in it.
header.header { background: ANY_IMAGE_PATH }
div.columns-container { background: ANY_IMAGE_PATH }

#3 alhumayd34



  • Members
  • Pip
  • 1 posts

Posted 03 January 2019 - 12:06 PM


    <div class="bg"></div>

    <p class="py-5 text-center">This example creates a full page background image. Try to resize the browser window to see how it always will cover the full screen (when scrolled to top), and that it scales nicely on all screen sizes.</p>

body, html {
  height: 100%;
.bg {
  /* The image used */
  background-image: url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/full page/img(20).jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

use this a also face this issue in my press release writing website i dd code like this then my problem is solved

IPB Skin By Virteq