There are two issues. First there is a space in the trigger that is a result of the theme’s css, specifically:
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
margin: 20px 0 5px 0;
}
since the trigger is an H3 element, an upper margin of 20px and bottom margin of 5px is being applied.
Second, and this is a big one, a blank p tag is being inserted at the start of every target content block. Try changing the format of:
[expand title="trigger"]
target
[/expand]
to one line, no space after the opening shortcode, like so:
[expand title="trigger"]target[/expand]
let us know how that works out for you!
Thanks for the reply. I could add the first CSS to customize the theme. It seems this only influences the margins before and after the complete block (including the title). It does nothing to alter the distance from the title to the text included. The second suggestion made a small difference. If you look at the same Webb page you can see that the first item have everything in one line (as your second suggestion) but the other two is as before. Any other suggestions?
.collapseomatic {
padding: 0 0 0 16px;
}
.collapseomatic_excerpt, .collapseomatic_content {
margin-top: -10px;
}
I removed your first suggestion above that was
/*Reduce the margin or space directly after a header-Collapse-o-matic*/
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
margin: 20px 0 5px 0;
}
…because it did not seem to make any difference
…and then added your last suggestion
.collapseomatic {
padding: 0 0 0 16px;
}
.collapseomatic_excerpt, .collapseomatic_content {
margin-top: -10px;
}
…and problem solved. THANKS FOR GOOD SUPPORT!
