Callout CSS collapse variable

In the Primary theme, the “collapse” or unfold arrow for Callouts is right-aligned (or justified?) instead of being next to the Callout’s title (but I don’t want to use the Primary theme). I would like to have this arrow right-aligned with any theme.

What I’m trying to do

Which CSS variable should I be looking for to create a custom CSS snippet?

Things I have tried

I tried to understand the Primary’s theme CSS structure but it is very dense.

See the examples below:

Primary callout:

As opposed to:

Give this a try:

.callout .callout-fold {
    margin-left: auto;
}

You may need to adjust the edit block button position (in Live Preview it gets in the way), but the above snippet should take care of the folding icon.

Screenshot 2025-01-23 at 18.53.30


Thank you very much! That works :smiley:

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.