Archived

This topic is now archived and is closed to further replies.

  • 0

can't get background image to show in morefoot or footer area


Question

Posted · Report post

Hello,

 

I'm trying to recreate an existing site to the pagelines framework. I would like to add a background image to either the morefoot area or the footer area, but nothing works with whatever CSS I try. For now I have been adding it to the Custom CSS area. I am using firebug but I can't seem to get the right CSS levels.

 

This is the background image I want to add: http://www.motivawebconsulting.com/tpotest/wp-content/uploads/2013/01/footer_bg.jpg

 

This is the URL of my test site.

 

I'd appreciate any direction.

 

Thanks,

Antonella

 

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

Hi,

 

Thanks - that got me closer. I ended up selecting the Layout Mode for Static with Pixel Width option and then applied the following code:

 

body.fixed_width #footer {
  background-image: url('http://......./footer_bg.jpg');
    margin: 0 auto;
}

Share this post


Link to post
Share on other sites

Posted · Report post

Hi antonella

You can try for footer area with

 

 

#footer {background-image: 
url(http://www.motivaweb...1/footer_bg.jpg);}
 

 

Share this post


Link to post
Share on other sites

Posted · Report post

Hi, thanks for the quick reply. I did try that before and again but it still doesn't work.

Share this post


Link to post
Share on other sites

Posted · Report post

Please try in

Pagelines > Layout editor > Site Design Mode

select

Full-Width Sections

Share this post


Link to post
Share on other sites