Need help? Check out our Support site, then


Footer Option for iTheme2

  1. Can this be done by CSS package I bought?

    The blog I need help with is wrestlingrambles.com.

  2. 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?

  3. 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.

  4. 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;
    }
  5. 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.

  6. 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.

  7. 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 :)

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

  9. Okay, done :-)

  10. 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.

  11. Wait a sec, add this to example two:

    #text-34 {
    background: black;
    }
    #text-34 .widget-title {
    display: none;
    }
  12. 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?

  13. Hmm. :) Looking.

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

  15. 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;
    }
  16. Well it cleared it but it's not appearing where it was before.

  17. 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;

  18. Got it, thanks :D

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.