Thanks, Ismael.

Perhaps I am not explaining myself or maybe overexplained!; when an item is hidden on a page, how do I prevent there being blank white spaces where the hidden item has been removed?

What I would like is for the other elements to flow into the empty white spaces. This is the CSS I have tried, but the spaces are not being filled out.

CSS:

#av_section_2 {
display: flex; /* Enable flexbox layout */
flex-wrap: wrap; /* Allow items to wrap to the next row if necessary */
justify-content: flex-start; /* Align items to the left */
padding: 0; /* Remove internal padding */
margin: 0; /* Remove external margins */
height: auto; /* Adjust height dynamically */
gap: 10px; /* Optional: Add spacing between items */
}

#av_section_2 > .flex_column {
flex: 1 1 auto; /* Allow items to grow and shrink dynamically */
margin: 0; /* Remove margin between elements */
padding: 0; /* Remove internal padding */
}

I’m not sure if I need to open another topic on this. But here is my issue.

I want to reduce the size of the colour section on the homepage that contains the video overlay, but the height will not be reduced no matter what option I pick.

I have also tried to give it a custom ID and add that to the CSS, but nothing seems to work.

Can you advise?

Thanks
Nick

Hi Mike, if you could return to me regarding hiding the date, also can I order the blog posts I created to display the oldest post first?

Thanks in advance.
Nick