• Resolved conor909

    (@conor909)


    Hi,

    Im having a problem resizing my pages to fit the length of the information on the screen. So far I have to set my page height to 1250 pixles (the size of my largest post on the website), but it looks terrible on page where I have a small amount of info. (lots of white space at the bottom, before the footer)

    If I remove this page height, the footer jumps directly under my header. And the posts appear to overflow on top of the footer, to the bottom of the browser page.

    Here is a link to my site https://www.flexhk.com/wordpress

    Any help would be extremely appreciated! This has been bugging me for a few weeks now!!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Try max-height: 1250px; in your css. You can also set the min-height: 700px;

    I don’t think I have seen any theme with fixed height. It gets adjusted automatically basis your content.. not sure which theme you are using.

    Not at all a good theme I guess.. for the kind of blog you have..
    it sure needs a plain white simple theme but not this one..

    I can suggest a nice theme if you want to try that..

    https://bit.ly/fastest-wordpress-theme

    Thread Starter conor909

    (@conor909)

    Hi Jobmeer, I really appreciate your reply, unfortunately that just sends the footer right up to the header hiding under the content..

    It seems my header, index and footer, don’t recognize that there is wordpress content there at all..

    Thread Starter conor909

    (@conor909)

    Hi,

    I’d like to restart a discussion on this topic, as Iv been trying to fix this problem for weeks now! Does anyone know what I can do to make the page height adjust to my content. The thmeme I am using is Typography-Paramount.

    Changing themes is not really an option, as Im coming to the end of the project now. Here is a link to the site..

    https://www.flexhk.com/wordpress

    I can supply any code or page you may need, I am desperate to fix this problem, somebody please help !

    you have some validation errors in your code – for instance multiple body tags:

    https://validator.w3.org/check?uri=http%3A%2F%2Fflexhk.com%2Fwordpress%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    (particular the errors starting half way down in the list, begining with this line:
    ‘ Line 166, Column 14: end tag for “div” omitted, but OMITTAG NO was specified’ )

    imho, before these are fixed, there is not much else to suggest.

    Thread Starter conor909

    (@conor909)

    Hi alchymythm,

    thanks very much for your reply and taking the time to help!

    iv cleaned it up as much as i can, yet according to the validation website, im coming up with errors. I think i have sorted out my div’s and multiple body tag situation, but brackets and inverted commas now crop up as errors when I see no problem with them..

    its my first wordpress website so im no expert, but after trawling the internet for weeks im totally out of ideas, any suggestions would be very much appreciated!

    thanks again
    C

    Thread Starter conor909

    (@conor909)

    Does anyone else have any input on this one? Im completely dry on ideas now.

    Thread Starter conor909

    (@conor909)

    So after weeks of scratching my head and posting on forums I found out the cause of my pain. This might come across as a stupid mistake to people who know there sh!t. But for us new comers who know a little bit of a lot of things and not enough on anything, here is where I went wrong..

    Never use {position:absolute;} when styling your individual posts. I hope this saves some other new comers time! ..things are simple when you know how.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Resizing page height on each page in relation to size of wp-post?’ is closed to new replies.