WordPress.org

Ready to get started?Download WordPress

Forums

Responsive
[resolved] Make all pages minimum height (9 posts)

  1. rniesen
    Member
    Posted 1 year ago #

    Hello,

    How can I change the css so that all pages have the same mini height.
    Now all pages are dynamically corresponding to the content.

    Regards,

    Roel Niesen

  2. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    Hi,

    Sure, but this will depend on amount of the content you have. Let's start with:

    #wrapper {
        min-height: 640px;
    }

    - or -

    #wrapper {
        min-height: max-content;
    }

    - or -

    #wrapper {
        min-height: fit-content;
    }

    Thanks,
    Emil

  3. rniesen
    Member
    Posted 1 year ago #

    Hi,

    Thanks.
    This is working for all pages but not for the home page.

    if I put

    #wrapper {
    min-height: 650px;
    }
    then this is ok for aal pages but not for the home page.

    also changed

    .home #wrapper {
    background-color: transparent;
    border: none;
    margin: 20px auto 20px auto;
    padding: 0;
    min-height: 650px;
    }

    But then the wrapper is bigger than the visitable widget..

    I want that if I choose home or an other page, that the pages aren't jumping and need some help to arrange this with the home page.

    Tanks.

    Roel Niesen

  4. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    Hi,

    What's the site please?

    Emil

  5. rniesen
    Member
    Posted 1 year ago #

    Hi,

    I change the style to:

    wrapper {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    clear: both;
    margin: 20px auto 20px auto;
    padding: 0 20px 20px 20px;
    position: relative;
    min-height: 500px;
    }

    .home #wrapper {
    background-color: transparent;
    border: none;
    margin: 20px auto 20px auto;
    padding: 0;
    min-height: 500px;
    }

    The web site is http://www.boeri.be/wordpress

  6. rniesen
    Member
    Posted 1 year ago #

    The home page does not work the same because of the widgets below???

  7. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    right, so this won't work for home page because of the widgets, you can try max-height instead, just be careful not to reduce the height too much :)

    Emil

  8. rniesen
    Member
    Posted 1 year ago #

    Thanks

  9. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    You're welcome, please let me know if there is anything else I can help you with :)

    Emil

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.