Trying to change the background color to an image

[Getalinks]

Help! Trying to post the problem, but it keeps taking me back to the main screen.

 

Ok, sixth time trying to post this:

 

Anyways, so I'm trying to change my background color of the store from a color to an image.

 

I'm using the default Bootstrap theme.

 

I've uploaded my image to the theme img folder and called it final.jpg.

 

I have followed tutorial after tutorial. Nothing is working and I'm going nuts.

 

Attached is the global.css file I'm working with. The lines of code everyone is referring to, I don't see.

 

Also, not trying to promote my store or anything, but it's www.fenixflamecomics.com so you can maybe see if I'm trying to change a store that cannot be changed.

 

Anyone have any idea what I should type and where in the giant lines of code I'm reading? I hope there is nothing in the file that would allow me to be hacked.

 

Thanks in advance.

global.css

Edited April 29, 2016 by Getalinks (see edit history)

[shokinro]

if you have modified correctly, I guess it might be cache issue. 

have you tried to clear cache

- your browser cache

- store Smarty cache 

- store contents cache

[Getalinks]

I don't know if I did modify it correctly. I did what they all said to do, but everyone says to do something different. The global file I have attached is vanilla, I haven't modified anything in that one.

 

When I did have modified code, I had refreshed, cleared caches and everything. Still nothing though.

[shokinro]

First of all, the page back ground colour will be override by each block elements.

I assume you are using default-bootstrap theme and you never changed the global.css (original file from 1.6.1.5) file before.

 

then lines from #549 should be something like this

.container {
  margin-right: auto;
  margin-left: auto;

If you add line for background-color like below, it will changes all containers background color. 

.container {

  background-color: beige;

  margin-right: auto;   margin-left: auto;

[shokinro]

you will see the page category page becomes as following

 

 

[Getalinks]

But your code is changing the color to beige. I'm trying to change it to an image, not a color. The image is located in the img folder and the image is called "final.jpg".

[shokinro]

if change colot works then it should be same to change image as long as you have correct image path.

[shokinro]

I replace the new line with following 2 lines. it works fine.

 

  background-image: url("/store/themes/default-bootstrap/img/bg_bt.gif");
  background-repeat: repeat;

 

 

Note - store is the physical path of my development store.

Attached is the background with image.

Edited April 30, 2016 by shokinro (see edit history)

[Getalinks]

Hi again,

 

Ok, I found that line of code and put it now like this:

 

.container {
  background-image: url("public_html/store/themes/default-bootstrap/img/final.jpg");
  background-repeat: repeat;
  margin-right: auto;
  margin-left: auto;

 

Still no change.

[shokinro]

you image URL is wrong, it should be 

 

if your store url is something like http://yourstoredomain.com/store/

  background-image: url("/store/themes/default-bootstrap/img/final.jpg");

 

Or 

 

if your store url is something like http://yourstoredomain.com/

 

background-image: url("/themes/default-bootstrap/img/final.jpg");

Edited May 1, 2016 by shokinro (see edit history)

[Getalinks]

Ok, so it kinda worked. But not where I wanted it. So, now I'm going to ask a few more questions to get it where I want. See pic attached.

 

• What code changes the font of the words circled yellow in the pic?
•  
• I don't want the row circled in red to have the image, how do I make that the gray again?
•  
• How do I get the image background to show where the red Xs are?
•  
• Is there a page or something on here that shows what each line of code does (maybe commented in the CSS coding)

 

Please, stay with me, I really appreciate all the help. Truly.

Edited May 1, 2016 by Getalinks (see edit history)

[Getalinks]

Anyone else able to help me out?

[shokinro]

- I tried to replied a few times, I was not able to post, my post message on this topic got auto-save, but never posted. it is really frustrating. I hope I can post without problem, you may consider to create a new topic, since it is different issue.

[shokinro]

you may try to use browser debugger tool - element inspection function to find out where to make the changes. 

The issue (not able to post) appears again when I tried to modify my previous post to enter more info.

Edited May 3, 2016 by shokinro (see edit history)

[Getalinks]

But it's the same issue. I just need to add the background image to the places mentioned. Since it's the Bootstrap theme, someone has to know where the lines of code are to change those. I downloaded a few CSS editor tools, but they are just as confusing as trying to figure it out by myself. Again, I appreciate all the help and hope someone has a solution to my question.