Problem with background

[hijabgal]

I can't figure this one out. I'm a newbie. :(

 

On my website: www.mumshearts.com, my background doesnt go all the way to the bottom of the page. Ive tried changing the div#wrapper3 and made the height longer, but obviously that didnt work coz when I clicked on a category, it made the page longer but the background didnt stretch together with it.

 

Oh and my add, if I were to remove the footer, it works fine. Footer is from the module prestalove easyfooter.

 

Can anyone please please help? I know to some of you, this is too easy. For me it took forever! TIA!

Edited January 16, 2013 by hijabgal (see edit history)

[Supremacy2k]

Hi Tia.

 

From what i can see at first glance, you have an error in your css.

 

in global.css (its named global.css in version 1.5)

 

your body tag looks like this:

 

 

body {
background: url("http://www.mumshearts.com/themes/theme182/css/http://www.mumshearts.com/themes/theme182/img/lightpaperfibers.png") repeat scroll 0 0 transparent;
color: #272727;
font: 12px "Arial",Arial,Helvetica,sans-serif;
}

 

 

the URL tag is wrong, plus when you want it to fill the entire page, there is really no need to specifi repeat, scroll ect.

and you have an error in your Font tag as well.

 

so it should look like this:

 

 

 

body {
background: url("http://www.mumshearts.com/themes/theme182/img/lightpaperfibers.png");
color: #272727;
font: 12px Arial,Helvetica,sans-serif;
}

I hope this helps.

Edited January 16, 2013 by Supremacy2k (see edit history)

[hijabgal]

Hi Tia. From what i can see at first glance, you have an error in your css. in global.css (its named global.css in version 1.5) your body tag looks like this:

body { background: url("http://www.mumshearts.com/themes/theme182/css/http://www.mumshearts.com/themes/theme182/img/lightpaperfibers.png") repeat scroll 0 0 transparent; color: #272727; font: 12px "Arial",Arial,Helvetica,sans-serif; }

the URL tag is wrong, plus when you want it to fill the entire page, there is really no need to specifi repeat, scroll ect. and you have an error in your Font tag as well. so it should look like this:

body { background: url("http://www.mumshearts.com/themes/theme182/img/lightpaperfibers.png"); color: #272727; font: 12px Arial,Helvetica,sans-serif; } 

I hope this helps.

 

Thanks so much for your reply.

I tried looking for that line in my global.css, but couldnt find it. I see this:

 

/* —————————————————————————————— general styles —————————————————————————————— */

html, body {width:100%;height:100%;}

body {font:normal 12px "Arial", Arial, Helvetica, sans-serif;color:#272727;

background: url(http://www.mumshearts.com/themes/theme182/img/lightpaperfibers.png);

}

 

and

 

/* —————————————————————————————— layout —————————————————————————————— */

div#wrapper1 {min-width:1040px;min-height:100%;background:#232222;}

div#wrapper2 {

height:100%;

background:url(../img/lightpaperfibers.png) 0 0 repeat-x #fff;

 

}

div#wrapper3 {background:url(../img/lightpaperfibers.png) 0 bottom repeat;}

 

Where is it again that Im supposed to change then? Im on version 1.4 btw..

Oh and Im Sue... TIA is short for thanks in advance.

 

Edited January 16, 2013 by hijabgal (see edit history)