Jump to content


Photo
- - - - -
Open

Footer Background - Content Width



  • Please log in to reply
6 replies to this topic

#1 sheasbys

sheasbys

    Member

  • Members
  • 14 posts
  • LocationDurban, South Africa
  • Framework Version:Framework 2.3.2

Posted 07 October 2012 - 07:38 PM

Is it possible to have the footer background set to the content width instead of the page width? I set my background to black with this code:

Please Login or Register to see this Hidden Content


Unfortunately it does not match the current site look and feel with it extended to the page width. Any help will be appreciated.

Stephen

#2 batman

batman

    Bat Learning

  • Members

  • 1995 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 07 October 2012 - 08:27 PM

Hi Stephen
I have the footer background set to the content width instead of the page width on my web
I setup in
Pagelines > Site Option > Layout editor
this options
"Responsive with Pixel Width"
and
"Full-Width Sections"

#3 sheasbys

sheasbys

    Member

  • Members
  • 14 posts
  • LocationDurban, South Africa
  • Framework Version:Framework 2.3.2

Posted 07 October 2012 - 08:52 PM

Hi batman,

Thanks for the response. Unfortunately for me I have the settings as you suggest and the background extends past the content section for me. Did you use some custom CSS?

#4 batman

batman

    Bat Learning

  • Members

  • 1995 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 07 October 2012 - 09:58 PM

Hi again
I use a image, this is the code

Please Login or Register to see this Hidden Content

You can wait for a moderatorĀ“s answer.
;)

#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 07 October 2012 - 11:03 PM

If you want the footer width to be different than full width, go to Dashboard > PageLines > Site Options > Layout Editor and select Fixed-Width Mode under Site Options.

Then, as Batman suggests, you may apply CSS to add an image or color:

Please Login or Register to see this Hidden Content

Or, for example to use a color, this would make the footer deep red.

Please Login or Register to see this Hidden Content



#6 thomstark

thomstark

    Super Member

  • Members

  • 147 posts
  • Framework Version:Pagelines 2.37
  • Country: Country Flag

Posted 09 December 2012 - 09:38 PM

Sorry. Posted in the wrong place! :(



#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 15076 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 10 December 2012 - 08:58 AM

To color the Footers content area only use the following code:

 

Please Login or Register to see this Hidden Content