Jump to content

How to insert a footer image?


Recommended Posts

You'll need to edit the ul.footer_links block in the /* Footer links */ section of css/global.css:

ul.footer_links {
   list-style-type: none;
   clear: both;
   height: 2em;
   margin-top: 2em
}



You could change it to something like the following:

ul.footer_links {
   list-style-type: none;
   clear: both;
   height: 2em;
   margin-top: 2em;
   padding-top: 9em;
   background: url(../img/footer_background.gif) no-repeat
}



Change footer_background.gif to the filename of your footer background image and 9em to the height of your image minus the footer height of 2em.

Link to comment
Share on other sites

You'll need to edit the ul.footer_links block in the /* Footer links */ section of css/global.css:

ul.footer_links {
   list-style-type: none;
   clear: both;
   height: 2em;
   margin-top: 2em
}



You could change it to something like the following:

ul.footer_links {
   list-style-type: none;
   clear: both;
   height: 2em;
   margin-top: 2em;
   padding-top: 9em;
   background: url(../img/footer_background.gif) no-repeat
}



Change footer_background.gif to the filename of your footer background image and 9em to the height of your image minus the footer height of 2em.



Hi i entered CSS as mentioned above but still no background. Please refer to my CSS attached Thanks

24612_dqSmWxxiuufy8vfKLYew_t

Link to comment
Share on other sites

You're right. I should have said the #footer block in the /* Footer */ section instead. Also, in that screenshot, you forgot to put a semicolon after "margin-top: 2em". Make sure that you put a semicolon after the last attribute before adding more attributes.

Link to comment
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
×
×
  • Create New...