Setting max-height on page-id

  • Hi,

    I’m trying to set a max page height on specific pages and can’t understand why it’s not working. Here’s what I have:

    body.page-id-3511 {
    max-height: 500px !important;
    height: 500px !important;
    }

    I’ve tried a few variations of #main-content etc. but can’t figure out where I’m going wrong.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Not sure what you are trying to accomplish by setting the body to 500px. Are you trying to cut off everything past 500px? Or are you trying to limit the size of the browser window?

    Even though the body is being set to 500px, all of the content, of course, takes up much more room and is going to overflow the body’s boundaries. You can try setting overflow:hidden;, but then your visitors aren’t going to be able to see the bottom part of the page.

    Thread Starter seamusopenhouse

    (@seamusopenhouse)

    Hey, thanks for getting back to me.

    The 500px was just an amount that I would be able to obviously notice. I’ve set a minimum height of the page to 1880px by using:

    #main-content {
    min-height: 1880px;
    }

    This is to do with using a plugin ‘The Events Calendar’.

    So I would like to limit the page height by an amount around 700-800px but just looking for advice on how I can get it to work?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Setting max-height on page-id’ is closed to new replies.

Tags