[Solved] Help changing footer style

[Emzo]

I'm using the default theme for prestashop 1.5.4.1.

 

This is my current footer on this page: http://www.fazex.co.uk/presta

 

I am wanting to change the footer so it looks like it is on this page of my website: http://www.fazex.co.uk/about

 

The footer is split into two sections, with a div for footer and a div for FBG. I'm not sure how to go about getting my footer to look like this through Prestashop.

 

I'm guessing I first need to add the FBG content to the global.css file, and then edit the footer css elements in global.css to match what I have on the about page. However I am not sure on a few things. I do not know where to add the content for the footer. I do not know which file to edit to add in the FBG section content (with the twitter/facebook plug-ins etc) to make it appear at the bottom of every page. Also which file to edit to change the footer content? Lastly if I have to do anything in the back office, such as unhooking all of the current footer sections (ie Information, Contact Us)?

 

I'd be grateful for any help, as I'm sure I will end up messing something up if I try this on my own!

Edited July 30, 2013 by Emzo (see edit history)

[vekia]

in this case you have remove unwanted modules from modules > positions tab, search for displayFooter section and remove them.

Then modify the css and .tpl styles for modules you want to use. Moreover, if you want to use twitter or facebook widgets, you should use some external solution, check free modules list: http://www.prestashop.com/forums/topic/233442-free-modules-list-only-valuable-and-proven-solutions-19072013/

[Emzo]

Thanks for that. I'm still having some problems though.

 

I have removed the modules from displayFooter. I then added the FBG css to global css. I changed the content of footer.tpl to include the content I want for that section of the footer. The content is displaying however the css is not right. The normal background is showing instead of it being different for the footer. Here is the link: http://www.fazex.co.uk/presta

 

Any ideas as to what I have done wrong?

[Emzo]

So actually I thought I had solved this but I actually haven't.

 

I have the footer generally looking how I want however it does not appear after all of the page content. It comes after the main content, however if the left column with the block for categories etc is longer than this content it overlaps with the footer, or even shows below the footer.

 

Also because I have changed the footer I cannot hook a module, for example html module or Facebook module into my FBG div. Or at least I have no idea how to do it. Is there anyway to do this so I can have a Twitter and Facebook module in my FBG div? I didn't know that I couldn't just use the code as if I were just using HTML.