Remove callout margin

[ssssssss]

What I’m trying to do

I’m using obsidian columns plugin which uses callouts to create columns. I want to remove the blank space between the callout text and the text that follows (which is not inside a callout)

Things I have tried

I tried to set the margin below the callout to be less:
.callout-content {
margin-top: -1.6em;
margin-bottom: -1.3em;
}
But it still has a gap and if I try to go any further with the bottom margin it cuts off part of the callout text as shown below

Does anyone have any solutions? Please and thanks

[ariehen]

There are two column plugins (it looks like) in the community gallery. Which one are you using?

Also, if you share the markdown as you have it in a code block it will be easier for folks to easily set it up on their end and have a look at what’s going on.

[ssssssss]

I’m using the one made by Trevor Nichols

GitHub - tnichols217/obsidian-columns

.callout-content {
margin-top: -1.6em;
margin-bottom: -1.3em;
}

[ariehen]

Got it.

And what is written in your note? Not the CSS you are using, but what’s in the note.

[ssssssss]

I’m sorry I don’t understand what you mean… But if you’re asking how I make my columns, I use:

> [!col] 
>first column
>
>second column

I don’t put it in a code block I just used it here to show the full code

[ariehen]

@ssssssss

> [!col] 
>first column
>
>second column

Yeah, this was what I meant by “share the markdown”.

You need a blank line (line no. 5) between the callout and the following text. I don’t think there’s any getting around that with what we are working with. The text, p here, in the callout has a top and bottom margin:

You could try removing that to see how it goes.

.callout-content p {
    margin-bottom: 0px;
}

[ssssssss]

Yes that looks much better. Thank you