Search for: Log In Free Support [Resolved] content-area full height ? Home › Forums › Support › content-area full height ? This topic has 11 replies, 3 voices, and was last updated 7 months ago by David. Viewing 12 posts - 1 through 12 (of 12 total) Author Posts August 3, 2020 at 7:17 am #1385686 Eaydman Hi, My sidebar is often bigger then my blogpost. See screenshot: https://share.getcloudapp.com/xQuLeQD6 Is it possible somehow to make the content-area and sidebar equal heights ? August 3, 2020 at 7:47 am #1385724 DavidStaff Customer Support Hi there, can you share a link to your site ? You can do so privately by editing the original topic and using the Site URL field. Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ August 3, 2020 at 7:58 am #1385903 Eaydman I have edit the Site url. But i have made a quick fix by adding this: body.single-post { background: -webkit-gradient(linear, left top, right top, color-stop(26.5%, #efefef), color-stop(26.5%, white)); background: linear-gradient(90deg, #efefef 26.5%, white 26.5%); } But have you a better way ? August 3, 2020 at 8:51 am #1385960 DavidStaff Customer Support Where can i see that test post ? Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ August 3, 2020 at 9:01 am #1385970 Eaydman Check the post topic URL π August 3, 2020 at 10:59 am #1386111 DavidStaff Customer Support For me that URL – the content is as long as the sidebar and theres the comments container in addition to that. Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ August 3, 2020 at 11:30 am #1386146 Eaydman Yes because I added that body.single-post background color. Is im looking for a way of making content-area and sidebar equal height August 3, 2020 at 12:50 pm #1386257 TomLead Developer Lead Developer Hi there, Give this a shot: @media (min-width: 769px) { .site-content { display: flex; } } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Ongoing Development: https://generatepress.com/ongoing-development August 3, 2020 at 6:27 pm #1386390 Eaydman No it does not work when I add: @media (min-width: 769px) { .site-content { display: flex; } } August 4, 2020 at 2:29 am #1386643 DavidStaff Customer Support Try this CSS: @media(min-width: 768px) { .site-content, .site-main { display: flex; height: 100%; } .site-main .inside-article { height: calc( 100% - 65px ); } } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ August 4, 2020 at 5:13 pm #1387599 Eaydman Thanks that works π August 5, 2020 at 1:39 am #1387867 DavidStaff Customer Support You’re welcome Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 12 posts - 1 through 12 (of 12 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In