Hello,
I try to get rid of the space existing after text but I don't find where I can do that.
Of course, I can set negative margin but I would prefer a proper solution.
You can see on the page. Go down to "La pyramide olfactive". There is "01 Notes de tête", one line text and then the divider. I would like to reduce the gap between the text and the divider.
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.