Footer Option for iTheme2

• 

  raymondforte · Member · Mar 6, 2012 at 8:32 pm

  • Copy link
  • Add topic to favorites

  Can this be done by CSS package I bought?

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Mar 6, 2012 at 9:49 pm

  • Copy link

  You can’t add a footer option using CSS, but one way around that would be to add something to a text widget and then absolutely position it at the bottom of the page.

  What did you want to add to the footer? A bit of text, or something more than that?

• 

  raymondforte · Member · Mar 6, 2012 at 9:52 pm

  • Copy link

  Well I want it directly across the bottom of the page, just want to add Copyright 2012, Follow Us on twitter button, maybe an about us link, privacy policy link. Stuff like that. I know how to add all of those, just having a lot of trouble putting it in the position I want.

• 

  designsimply · Member · Mar 6, 2012 at 10:07 pm

  • Copy link

  Okay, if you can point out which text widgets you’d like to move to the bottom of the page, I’ll try to come up with some specific CSS to help move them to the bottom of the page.

  In the mean time, tere is a rough example using the last widget currently in your sidebar just to show how something like that might work:

  #main {
  overflow: hidden;
  position: relative;
  padding-bottom: 260px;
  
  }
  #author_grid {
  position: absolute;
  left: 0;
  bottom:0;
  margin-top: 20px;
  width: 968px;
  height: 200px;
  }

• 

  raymondforte · Member · Mar 6, 2012 at 10:17 pm

  • Copy link

  That’s exactly what I want! Just for me to customize it my own way.

  Thank you very much and appreciate your help :)

  I’ll keep checking this every so often to see if you can work something out.

• 

  designsimply · Member · Mar 6, 2012 at 10:24 pm

  • Copy link

  Hang on. :)

  Could you please create the content you want to place and put it in the sidebar? The easiest would be if you could put it all in one text widget. You may just want to start with something small that I can help you with, and then I’ll give you some direction and you can go from there.

• 

  raymondforte · Member · Mar 6, 2012 at 10:31 pm

  • Copy link

  Okay, that works :)

  © Copyright 2012 WrestlingRambles.com — Privacy Policy — Contact Us

  The — are just spaces.

  Link for Contact Here
  Link for Privacy Policy Here

  Also, does the ”© Copyright 2012 WrestlingRambles.com ” look okay? If you want to reorder that then you can.

  Thanks for your help, you’re really helpful :)

• 

  designsimply · Member · Mar 6, 2012 at 10:34 pm

  • Copy link

  Sorry! I meant, could you add it in a text widget on your site please?

• 

  raymondforte · Member · Mar 6, 2012 at 10:45 pm

  • Copy link

  Okay, done :-)

• 

  designsimply · Member · Mar 6, 2012 at 10:56 pm

  • Copy link

  Here are two possible solutions:

  One:

  #main {
  overflow: hidden;
  position: relative;
  padding-bottom: 100px;
  
  }
  #text-34 {
  position: absolute;
  left: 0;
  bottom:0;
  margin-top: 20px;
  width: 942px;
  height: 40px;
  }

  Two:

  #main {
  overflow: hidden;
  position: relative;
  padding-bottom: 30px;
  
  }
  #text-34 .textwidget{
  position: absolute;
  left: 0;
  bottom:0;
  width: 942px;
  height: 20px;
  }

  Try theses out and adjust the numbers until you find what works best for you.

• 

  designsimply · Member · Mar 6, 2012 at 10:58 pm

  • Copy link

  Wait a sec, add this to example two:

  #text-34 {
  background: black;
  }
  #text-34 .widget-title {
  display: none;
  }

• 

  raymondforte · Member · Mar 6, 2012 at 11:03 pm

  • Copy link

  Option two works! Exactly what I want, thanks :)

  The only problem is the search bar code must of been interrupted as it was on my sites banner but has disappeared to a new location. How can this be resolved?

• 

  designsimply · Member · Mar 6, 2012 at 11:20 pm

  • Copy link

  Hmm. :) Looking.

• 

  raymondforte · Member · Mar 6, 2012 at 11:23 pm

  • Copy link

  Okay, the search bar is on the first image to the right sidebar, it used to be on the site banner.

• 

  designsimply · Member · Mar 6, 2012 at 11:40 pm

  • Copy link

  In the #search-3 block, update these:

  top:-365px;

  In the #main block, remove this:

  overflow:hidden;

  Add this:

  #main:after {
  clear: both;
  content: '';
  display: block;
  }

• 

  raymondforte · Member · Mar 6, 2012 at 11:59 pm

  • Copy link

  Well it cleared it but it’s not appearing where it was before.

• 

  designsimply · Member · Mar 7, 2012 at 11:24 pm

  • Copy link

  You missed one step.

  Your #main block near the bottom looks like this:

  #main {
  overflow:hidden;
  position:relative;
  padding-bottom:30px;
  }

  Remove this:

  overflow:hidden;

• 

  raymondforte · Member · Mar 10, 2012 at 2:35 am

  • Copy link

  Got it, thanks :D