Hi.

You made silly mistake. In Text addon where you added "1" "2" - Content is not empty, it has <p> </p> and by default it has "margin-bottom: 1rem" from Bootstrap 5, you can open each of them and replace with <div></div>

But much better is using Heading addon for numbers 1, 2, 3 instead of Text addon. Less code!

Or use that CSS hack

#column-id-0b02cb97-d7f8-4db1-b119-ed9b0126a4d4 .sppb-addon-content > p {
  margin-bottom: 0;}

Ok, I have been stupide on that one :D Thanks!!! So, I replaced by heading which I didn't see at first in the addons. Next annoying thing is that the "1" is not aligned top. Is it because of the flex or something else?

In that Row Settings > Style (tab) > Column alignment: On > and set first option "T" > Save

it should help.

I put row settings as you said and the vertical-alignment to "T" also but soesn't change anything.

Thanks. OK, good to know.

So we have to try different method.

Maybe set -7px for margin-top for each Heading. For Sunday morning I don't have more ideas..

Thanks. Yes putting a negative margin would work but I really would like to find what causes it so that I don't have to correct such thing on different pages. It will not make a very clean css.