Footer Option for iTheme2

  • Author
    Posts
  • #839124

    raymondforte
    Member

    Can this be done by CSS package I bought?

    The blog I need help with is wrestlingrambles.com.

    #839252

    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?

    #839253

    raymondforte
    Member

    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.

    #839255

    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;
    }
    #839258

    raymondforte
    Member

    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.

    #839260

    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.

    #839262

    raymondforte
    Member

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

    #839263

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

    #839267

    raymondforte
    Member

    Okay, done :-)

    #839272

    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.

    #839273

    Wait a sec, add this to example two:

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

    raymondforte
    Member

    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?

    #839282

    Hmm. :) Looking.

    #839283

    raymondforte
    Member

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

    #839296

    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;
    }
    #839320

    raymondforte
    Member

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

    #839413

    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;

    #839452

    raymondforte
    Member

    Got it, thanks :D

The topic ‘Footer Option for iTheme2’ is closed to new replies.