Apply CSS to one page

  • I’m working on a new page on my website. On this page, the right hand sidebar pushes below the wrapper and into the footer. This doesn’t happen on any other page.

    I compared CSS between this page and other pages. The element.style is height:1737px; when it needs to be MIN-height:1737px. In firebug, w hen I change it to min-height the right sidebar no longer pushes into the footer.

    I have tried everything to change height to min-height on this page, including trying

    #page-421 element.style {
min-height:1737px !important:
}

    But that does not work. Does anyone have an idea how to make this work? The link to the actual page is below.

    https://themakerypa.com/open-studio-at-the-makery/

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

  • element.style is probably not the correct selector to use. What part of the page needs to have the height changed?

    Thread Starter cgheilman

    (@cgheilman)

    After messing with Firebug, if I change sidebar-b to min-height: 1737px, it renders correctly.

    I think I need #sidebar-b to adjust from height:1737px; to min-height:1737px;

    On the page you linked, I don’t see the sidebar pushing into the footer. Did you solve your problem?

    Thread Starter cgheilman

    (@cgheilman)

    I messed around with it last night. As strange as it sounds, I added an image on the bottom of the post, then deleted it and it started working.

    I may never understand WHY it happened, but it’s fixed now.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Apply CSS to one page’ is closed to new replies.