Jump to content


Photo
- - - - -

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

background image morefoot footer

Best Answer antonella , 30 January 2013 - 12:32 AM

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

Go to the full post


  • Please log in to reply
4 replies to this topic

#1 antonella

antonella

    Super Member

  • Members
  • 125 posts
  • Country: Country Flag

Posted 29 January 2013 - 11:29 PM

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:

Please Login or Register to see this Hidden Content

 

This is the URL of my

Please Login or Register to see this Hidden Content

.

 

I'd appreciate any direction.

 

Thanks,

Antonella

 



#2 batman

batman

    Bat Learning

  • Members

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

Posted 29 January 2013 - 11:35 PM

Hi antonella

You can try for footer area with

 

 

Please Login or Register to see this Hidden Content

 



#3 antonella

antonella

    Super Member

  • Members
  • 125 posts
  • Country: Country Flag

Posted 29 January 2013 - 11:50 PM

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



#4 batman

batman

    Bat Learning

  • Members

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

Posted 29 January 2013 - 11:59 PM

Please try in

Pagelines > Layout editor > Site Design Mode

select

Full-Width Sections



#5 antonella

antonella

    Super Member

  • Members
  • 125 posts
  • Country: Country Flag

Posted 30 January 2013 - 12:32 AM   Best Answer

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('

Please Login or Register to see this Hidden Content

');
    margin: 0 auto;
}







Also tagged with one or more of these keywords: background image, morefoot, footer