Jump to content


Photo

Custom Code for Second Footer


  • Please log in to reply
2 replies to this topic

#1 dawnsnewdaymaccom

dawnsnewdaymaccom

    Advanced Member

  • Members
  • PipPipPip
  • 35 posts

Posted 07 August 2011 - 01:56 PM

I'm attempting to place a 2nd footer under the current one (StationPro, 3 columns) and used the following code. It created the space but I need to place correct padding (black). I could not get 'div.secondfooter' to work. How can the code be modified to accomplish this, and also maintain proper position? The additional footer will be text oriented, and also with links to internal and external pages/websites. Also, should it be inserted into 'Custom Code', or should the Footer page be modified? Once again, thanks for your help. html{ height:100% } body{ height:100% } #footer{ position: relative; bottom: 0px; height: 100px; margin-bottom:-100px; }

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 07 August 2011 - 04:21 PM

The CSS should be added to Custom Code and the footer itself needs to be added to the footer file. You can edit the footer file directly, but the problem with that is that the change you make will be overwritten when you upgrade the theme. This can be avoided by creating a child theme for StationPro so that you can edit files without worrying about your changes disappearing after theme updates. More on that here: http://codex.wordpre...rg/Child_Themes If you don't mind making the change to the file directly, I can show you what code to use. What code are you using right now? Also, can you please post a link to your site?

#3 dawnsnewdaymaccom

dawnsnewdaymaccom

    Advanced Member

  • Members
  • PipPipPip
  • 35 posts

Posted 08 August 2011 - 04:05 AM

Thanks for your comments. They also present me with additional challenges. (a) First, my URL: http://www.prallagon.com (B) I've tried several times with this Custom Code but could not get it to work: © You stated "The CSS should be added to Custom Code and the footer itself needs to be added to the footer file." On previous occasions I modified both 'Footer' and 'more_foot' files to obtain desired website design results. Now I require the specifics of exactly how to place CC and alter the footer file to complete the task of placing a second footer that reflects the one above in color but with size and style differences. Width would remain the same but height will change to accommodate content. I desire to complete a much simplified version of the footer seen at http://www.ey.com/ (d) I've just created a Child theme but have yet to install it. My fear is that this may undo some work already completed. How do I avoid disturbing changes already completed to the footer files? (e) And to preserve these changes quality backs must become the norm. I now understand that some software used for this purpose will store content but not site design structure. Please comment. Thanks!