Sidebar height in twentyfourteen

  • Resolved Que42

    (@que42)


    10 years, 8 months ago

    Hi all.

    I’m working on a child theme for twentyfourteen and can’t get the sidebar to go all the way to the bottom of the page. Looked around here and google and came up with the theory that not only the secondary but the body and html need to be declared as in this but it doesn’t seem to work. I think theory is correct and I simply am not declaring it correctly. Played around a lot with it to no avail. Anyone know what I am doing wrong?

    html {
	height: 100%;
}
body {
	height: 100%;
}
#page {
	height: 100%;
}
#secondary {
	min-height: 100%;
}
Viewing 6 replies - 1 through 6 (of 6 total)

  • What exactly are you trying to accomplish? Usually the sidebar’s length is determined by the number of widgets it contains. Are you trying to set it so the widgets are justified vertically? If not, can you post a link to your website?

    Thread Starter Que42

    (@que42)

    Sorry stephencottontail. No, Not trying to adjust the widgets in any way. Just want to get the container all the way down to the bottom so the background gradient I am using for the sidebar will go all the way down.

    Thanks for replying

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Please link the page with the issue

    Thread Starter Que42

    (@que42)

    https://wordpress.blogthemebyque.com/blackcherry/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    This is how the Twenty Fourteen theme achieves it:

    .site:before {
		background-color: #000;
		content: "";
		display: block;
		height: 100%;
		min-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 182px;
		z-index: 2;
	}

    Have you tried changing the background using that selector?

    Thread Starter Que42

    (@que42)

    Andrew
    Now dat beautifuuuuuul. Added .site:before to the gradient and it works like a charm. Thanks a zillion.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Sidebar height in twentyfourteen’ is closed to new replies.