[Solved] Page background-color doesnt change

[Pedro R.]

Hi!

Well after I was messing around with the footer as you can see at:

www.hobbysector.com

 

I am not able now to change the background-color of the page.

 

All I did was put another 'div' in the footer.tpl, being now like this:

{if !$content_only}

</div>

 

<!-- Right -->

<div id="right_column" class="column">

{$HOOK_RIGHT_COLUMN}

</div>

</div>

 

<!-- Footer -->

</div> <!-- I ADD THIS ONE -->

<div id="footer">{$HOOK_FOOTER}</div>

</div>

{/if}

</body>

</html>

 

 

What is the wrong thing I am doing?

I really appreciate your help.

Thanks.

[Dh42]

How are your trying to change the page background color? Line 15 of your global.css file is where it is located.

[Pedro R.]

Hi!

I want to change the color of the section Page:

#page {

/*ORIGINAL width: 980px; */

width: 1010px;

margin: 0 auto 2px auto;

text-align: left;

background-color: red; <<<<<<<<<<<<<--- this is not taking effect

 

 

As I said before after I add the </div> in the footer.tpl as I show above the color of the body takes all the site.

If I remove the </div> it shows as the picture, but the footer shrinks.

Do you understand my problem?

How do I sort it out?

[Pedro R.]

This kinda sorted out.

I just added a new class in global.css:

#columns {

width:1010px;

float:left;

margin: 0 auto 2px auto;

padding:0px 0 0 0px;

background-color: white

}

 

 

And so the page zone gets the color defined here in the columns. Dont know if this is the most correct solution but it works for now.