Footer Background - Content Width

[sheasbys 0]

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:

  #footer {background: black; }

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

Stephen

[batman 389]

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"

[sheasbys 0]

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?

[batman 389]

Hi again

I use a image, this is the code

#footer {background-image: url(http://YOUR IMAGE.jpg);}

You can wait for a moderator´s answer.

[Rob 547]

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:

#footer {background-image: url('http://YOUR IMAGE.jpg');}

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

#footer {background: #C00000;}

[thomstark 2]

Sorry. Posted in the wrong place!

[Danny+ 1,327]

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

 

#footer .content {
background: red;
}