Jump to content
sheasbys

Footer Background - Content Width

Recommended Posts

sheasbys    0
sheasbys

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

Share this post


Link to post
Share on other sites
batman    389
batman

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"


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
sheasbys    0
sheasbys

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?

Share this post


Link to post
Share on other sites
batman    389
batman

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.

;)


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Rob    547
Rob

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;}


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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

 

#footer .content {
background: red;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×