Adds Space when using Tag Attribute

check the css.
What tag are you using?
try div.

Thanks for your reply.

I’m using the tag “h6”. “div” doesn’t work for me, because I’d like to use a style for the Trigger Text.

ok, so if you are using H6, then it’s very likely the theme’s style has a definition for that tag that includes margin-bottom or padding-bottom attributes.

If you want to style the trigger text, why not use the trigclass attribute, as that’s what it for.

For example (after setting the default target tag to div in the plugin settings):

[expand title="Trigger Text" trigclass="my_trigger_class"]...[/expand]

And then in your theme’s quick-css section (if it has one) or your child theme’s style.css file… or even the plugin’s custom css area add something like the following CSS:

.my_trigger_class {
   font-weight: 700;
   color: #ff00cc;
   font-size: 1.2 em;
}

Now, if you like, you can even set the my_trigger_class as the default trigclass in the plugin settings (under the setting aptly named default trigclass) and all that would then be required for the expand shortcode is something like:

[expand title="Trigger Text"]...[/expand]

That should resolve the issue for you. Let us know if you still have questions.

That works, thanks!

How do I remove the arrow in the css?

you can either add trigclass=”noarrow” as explained in the documentation:
https://plugins.twinpictures.de/plugins/collapse-o-matic/documentation/#trigclass

or overwrite the css as explained in the documentation:
https://plugins.twinpictures.de/plugins/collapse-o-matic/documentation/#arrows

and in these posts:
https://spacedonkey.de/1578/collapse-o-pro-matic-css-tricks-arrows/
https://spacedonkey.de/2025/collapse-opro-matic-css-tricks-ii-font-awesome-arrows/

I use “background-image: none;” and the arrow disappears.

But now I have another problem. When I open the trigger and close it again, the trigger is much higher then before: https://imgur.com/a/XguB2JS

you will need to be a bit precice. what do you mean you use “background-image: none;” where did you use it?
did you follow the directions here? Clearly you did not define both arrows:

.collapseomatic {
    background-image: none !important;
}
.colomat-close {
    background-image: none !important;
}

This is not hand grenades or horseshoes… one must be rather exact.