WordPress.org

Forums

Corpo
Height 100% (6 posts)

  1. SephiHxC
    Member
    Posted 11 months ago #

    Hello!

    I'm trying to make sure any page, even empty, have a 100% height.
    So I put : html, body{ height: 100%;} in my CSS code which is working, but the footer is still in the middle of the screen. I'm clueless and don't know if it's possible to make this work as i want to.

    Here is a screenshot : http://image.noelshack.com/fichiers/2014/29/1405514700-height.jpg

    Thank you!

  2. ddfoston
    Member
    Posted 11 months ago #

    Hi

    If you could give us the url to your site I may be able to help you out.

    All the best
    Dave Foston

  3. SephiHxC
    Member
    Posted 11 months ago #

    Hi, I just put it online here : http://mapizz.com/

    But I didn't use the code I gave earlier because of the footer which stayed in the middle of the screen.

    Thank you!

  4. ddfoston
    Member
    Posted 11 months ago #

    Hi

    I've had a look at your site - it is seriously very nice looking. I see it is in French - are you based there? I ask as I am living there.

    Back to your site: I found this article a while ago that you may find useful:
    http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/

    Adapting what is used in the article to your site; I came up with these ideas for the style.css file

    html {height:100%;} /* body is already 100% */
    
    #wrapper {
    	min-height:100%;
    	position:relative;
    
    }
    
    #content-wrapper {
    	padding: 36px 0 120px 0;
    }
    
    #footer {
    padding: 24px 40px 0 40px;
    height: 100px;
    position: absolute;
    bottom: 40px;
    left: -26px;
    }
    
    #footer-bar {
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 20px;
    }

    Some of the figures may not be perfect and you may need to change the px to some other way of taking the positions such as % or em. This would be to cope with the responsive side of the theme. You'll have to play around with that.

    Don't forget that any changes made will be over-written and lost if you update the theme. I'm not sure if Corpo has a way of customizing css already but you could try making a child theme and carrying out any cusomization there.

    I hope this helps - all the best
    Dave Foston

  5. SephiHxC
    Member
    Posted 11 months ago #

    Hello,

    Yes I live in France, and this website is for my dad's company! Thank you for the compliment and your help. I am going to try this and give you some feedback. By the way I am using "My Custom CSS" plug in so it doesn't erase the theme's CSS.

    Thanks again!

  6. ddfoston
    Member
    Posted 11 months ago #

    Hi

    That's great - it is a good plug-in or so I believe.

    We actually pass not far from your dad's pizza restaurant on our trips from near Geneva to the Lot. So perhaps we should call in some day and try his pizzas!

    Keep up the great work

    All the best
    Dave

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.