background change not working

[nidale.hajjar]

Hello all, 

 

After the many posts I have put on the forum. I still have no reponse from anyone. 

 

I have a new problem. 

 

I am trying to upload a new image as my background for my webpage. 

 

I added to global.css the following lines

 

 body, #page, header, .columns-container {

background: #FFF url('../img/christmas-04.png')!important;

}

 

Of course, I uploaded the picture in the img directory. 

 

but NOTHING. 

 

I had tried changing the color before trying to change the image. No changes as well. 

 

anyone? 

[bside2234]

Is your shop live so we can see it?

[nidale.hajjar]

Is your shop live so we can see it?

Hello, 

 

yes, tophop.sn 

[B@ndit]

Sorry, Firefox can't find the server at www.tophop.sn so I triedwww.topshop.sn.

which I guess is your shop.

 

I tried with Firebug to find the background colour and played with a few settings to no avail...

I will check back to see if it gets resolved as this is something I might want to do to my own site.

 

Steven

[nidale.hajjar]

Sorry, Firefox can't find the server at www.tophop.sn so I triedwww.topshop.sn.

which I guess is your shop.

 

I tried with Firebug to find the background colour and played with a few settings to no avail...

I will check back to see if it gets resolved as this is something I might want to do to my own site.

 

 

Apologies, Yes, I mispelled that. topshop.sn 

 

Do you have a sln or a possibily as to why it's not working? 

[bside2234]

As a start go to your themes folder and in the global.css file look for:

 

.columns-container {

    background: none repeat scroll 0 0 white;

}

 

 

and change the white to some other color and see if that changes the color of the columns background.

 

The header background is a different line:

 

header {

    background: none repeat scroll 0 0 white;

    padding-bottom: 15px;

    position: relative;

    z-index: 1;

}

 

This should change the color of the background at least.

Edited November 26, 2014 by bside2234 (see edit history)

[nidale.hajjar]

 

As a start go to your themes folder and in the global.css file look for:

 

.columns-container {

    background: none repeat scroll 0 0 white;

}

 

 

and change the white to some other color and see if that changes the color of the columns background.

 

The header background is a different line:

 

header {

    background: none repeat scroll 0 0 white;

    padding-bottom: 15px;

    position: relative;

    z-index: 1;

}

 

This should change the color of the background at least.

 

Hey, So this is a start. 

 

I changed it to black - in hex - but take a look at the result. Is hex not accepted?

 

I modified this :

.columns-container {

    background: white;

}

 

to this: 

 

.columns-container {

  background: #000000; }

Edited November 26, 2014 by nidale.hajjar (see edit history)

[bside2234]

 

Hey, So this is a start. 

 

I changed it to black - in hex - but take a look at the result. Is hex not accepted?

 

I modified this :

.columns-container {

    background: white;

}

 

to this: 

 

.columns-container {

  background: #000000; }

 

Actually, it did change to black but you have some Christmas.png in front of it now that isn't showing up. Are you using the Theme Configurator at all? You should probably disable it if you are.

 

This is what is causing the ? background:

url("http://topshop.sn/themes/default-bootstrap/css/../img/christmas-04.png") repeat scroll 0 0 #fff !important

[nidale.hajjar]

Actually, it did change to black but you have some Christmas.png in front of it now that isn't showing up. Are you using the Theme Configurator at all? You should probably disable it if you are.

 

This is what is causing the ? background:

url("http://topshop.sn/themes/default-bootstrap/css/../img/christmas-04.png") repeat scroll 0 0 #fff !important

Well, let me explain. It's because I had added this before : 

 

body, #page, header, .columns-container {

background: #FFF url('../img/christmas-04.png')!important;

}

 

and it never changed to the picture I was trying to test with. 

 

There's just a few things I dt get. How do I know what to change and where ? I have tried to make changes to the body but that never worked out. How are you troubleshooting this? I have google chrome. 

 

I removed those lines. Main container is now black. 

 

Also there is another thing that's bothering me. If you go down to the last ''line'' of products and you hover over it, the product box goes over the below pictures - if you dt see that, I will send you a screenshot. How do I fix that ? 

[bside2234]

 

Well, let me explain. It's because I had added this before : 

 

body, #page, header, .columns-container {

background: #FFF url('../img/christmas-04.png')!important;

}

 

and it never changed to the picture I was trying to test with. 

 

There's just a few things I dt get. How do I know what to change and where ? I have tried to make changes to the body but that never worked out. How are you troubleshooting this? I have google chrome. 

 

I removed those lines. Main container is now black. 

 

Also there is another thing that's bothering me. If you go down to the last ''line'' of products and you hover over it, the product box goes over the below pictures - if you dt see that, I will send you a screenshot. How do I fix that ? 

 

I use Chrome also. Click the 3 line thing in the upper right corner in Chrome. Hover over More Tools. Then choose Developer Tools.

That's what I'm using.

 

This changed the background for me on your website using Chrome development tools:

 

.header-container, .columns-container {

    background: url("http://www.griffineffects.com/store/modules/themeconfigurator/css/../img/bg-theme7.jpg") repeat scroll 50% 0 rgba(0, 0, 0, 0);

}

 

Obviously replace the background url with your background url. This only changes the column background. We'll have to replace the header background separately.

Edited November 26, 2014 by bside2234 (see edit history)