How Do I Make the Content Area The Same Height as the Container?

[dmarstein]

I added a border to the right side of the content area on my website. The length of the border is dependent on the content of the page. Without it, the appearance is somewhat unbalanced.

This is the site: https://piell.org/wordpress

On pages with little content, the border looks odd because it doesn’t stretch to the bottom of the page.

With the wrapping area set to full browser height, the container is maximized between the bottom of the menu and the top of the footer.

I think, in order to do this, I need the container-inside maximized to the height of the container and content maximized to the height of the container-inside.

Is this possible?

Thank you.

[scrambler]

If you have the Xtreme Plus Plugin, you can use the option “flow color to the bottom” in the Sidebar & layout options section

[dmarstein]

I do have it. I installed it and set that option. It sort of works. At first I thought it didn’t because the gap between the bottom of the border and the bottom of the container was still pretty large. I normally use Firefox, so I opened the site with Edge in a private window with the same result.

My working monitor has a native resolution of 2560 x 1440. I moved the browser to my side monitor, native resolution is 1600 x 900, and the gap drops to almost zero.

Here is what I see.

[scrambler]

I believe you are using the Full browser height option on top of it which is causing the space on pages that are not as high as the browser.

Deactivate that option, and it should work.

 

[dmarstein]

Yep. That does it. Thanks.

[Author]

Posts