twenty-fourteen – page height

Hello Rich,

I’m not completely sure what the goal is but here is a bit of CSS you can add to your custom css file that will let you change things on one page while not affecting anything on other pages.

.page-id-X Rule {style:decloration;}

In the above snipit “X” is the page number for your home page. If you need to learn how to find a page id look here: https://www.youtube.com/watch?v=fLg2T1AvmFE
“Rule” is the CSS rule you want to change, and style: declaration is the effect you wish to see.

For example, once you find out your page id adding the following snipit to your custom css file wll removed the powered by wordpress at the bottom of the page.

.page-id-X  .site-info {
    display: none;
}

Hope this helps.

Cheers, Michael,

that’s definetly a good start. What I am trying to get rid of is mainly all the white-space below the photos. There is no more HTML after the table the photos are in, still WP shows a huge blank.

Best regards,
rich

ahh… now i think i get it.

Your side bar is set to have a min-width of 100vh that is what is pushing the footer down. By changing the min-height property of the “secondary” section to a smaller min-height it should reduce the space. see below:

#secondary {
  background-color: transparent;
  border: 0 none;
  clear: none;
  float: left;
  margin: 0 0 0 -100%;
  min-height: 10vh;
  width: 122px;
}

Just put the code at bottom of your custom css file and you should see a big change.

Hey Michael!

Thanks for your help. I think I am almost there, the only thing I can’t figure out now is where the top and bottom margin for the text widget in the lower right come from.

Any tips?

Cheers,

rich

I dont see a text widget? From what i see there is nothing below the the images on the home page?