How do I get the 'footer' of my site to be a fixed width within the content area?

[fran8969+ 0]

Hi, I'm after some help. I'm using the pagelines framework (developer edition) - this is my website: http://7balldevelopment. I have the site design mode to full-width sections, and it needs to stay this way, but I would like to have the red footer area contained within the central content area rather than stretching across the whole width. Is there some short code that I can put into the custom code section? N.B. I am a designer by trade, so am not very technical when it comes to coding!!

[Rob 547]

Well, you definitely cannot add the footer to the content area. You have two options. 1. You can use Firebug to identify the proper CSS element (probably .footer) and set a background image behind that which extends the grey below the footer break line, so that you'll always see the red within what appears to be the content area. 2. You can remove the red color from the color controls, and set that specifically to the div that fits within the content area dimensions, again using Firebug (or Chrome's Inspection tools). Something like: [code]#footer .content {background-color:#C00000;}[/code] That will change the footer color within the content area. But it doesn't change the background around it to grey. That needs the Color Control settings. (Change the #C00000 to the red of your choice.)

[fran8969+ 0]

Thank you, thank you - I had figured there was a way it could be sorted with the colour control settings and a bit of custom code - I had messed about for ages and got nowhere! I have to say, this forum is amazing - everyone seems to get their issues sorted out quickly and simply. Brilliant stuff. Thanks again