content-area and right sidebar

Hi David, so you are online now... :-)

Hi Anil :)

are you looking to close or remove the space below the main content ?

Hi David, how are you...

I mean white boxes should be equally touching lower margin, otherwise a gap showing the background color.... I don't want to see a patch of background color in either column - content-area and right sidebar, and if possible everywhere - home, archive, search... flexing the last div ???

I'm not sure I fully understand your request, but can you give this a try?

Go to customizer > layout > container, and selectone container instead of separate containers.

Hi Ying,

with this option, all grid spacing between different divs is lost ... I want to preserve that spacing....

Regards.

Hi Anil,

To clarify, are you referring to this whitespace?

If so, the heights of your content and sidebar are relatively different in size which makes the whitespace apparent.

What I can recommend is to move other sections of the sidebar elsewhere or to make the sidebar fixed in height and scrollable.

Let us know what you prefer.

Hi,

I did with a div in right sidebar and grow it to fill the gap (Tom suggested the css).

Can you please help to grow last div in content-area in the mentioned url, this will finally solve my issue.

Please help.

Regards.

I'm not sure I understand. Are you referring to filling the remaining space with this div?: https://share.getcloudapp.com/L1u661Zq

Yes dear

Can you try adding this through Appearance > Customize > Additional CSS?:

div#my-div {
    flex-grow: 1;
}

main#main {
    flex-direction: column;
    height: 100%;
}

Does this work for you?

Thanks everyone helping this issue.
Resolved.
Warm regards.

You're welcome, Anil!