shopcarton Posted May 31, 2010 Share Posted May 31, 2010 Hi will like to know how i can insert a footer image as shown in attachment Link to comment Share on other sites More sharing options...
shopcarton Posted June 1, 2010 Author Share Posted June 1, 2010 Upz Link to comment Share on other sites More sharing options...
rocky Posted June 2, 2010 Share Posted June 2, 2010 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 More sharing options...
Orhion.ro Posted June 2, 2010 Share Posted June 2, 2010 There is a module witch does this, try sotewadds block:http://www.prestashop.com/forums/viewthread/7675/third_party_modules/modulev0_dot_4_sotews_addsit is really cool Link to comment Share on other sites More sharing options...
shopcarton Posted June 2, 2010 Author Share Posted June 2, 2010 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 Link to comment Share on other sites More sharing options...
rocky Posted June 2, 2010 Share Posted June 2, 2010 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now