How to keep titles on the same line

What you are looking for is the inline tag. Here are issues related to inline positioning in the forum:
https://www.ads-software.com/search/collapse-o-matic+inline?forums=1

Here is a demo that walks you through setting up inline positioning:
https://spacedonkey.de/737/collapse-o-matic-target-tag-target-position-test/

The link you provided lands on a coming soon page, so that the best we can do for you at the moment. Good luck!

Hi Baden, sorry, I forgot to deactivate the Under Construction page, which I have done now, but those links should be enough to get me started.
Thanks for the speedy reply and great plugin. Sian

Please let us know if you get this resolved, or if you get stuck!

Will do!

Hi again, I’m stuck (not as capable as I thought). I have made a TEST title with an inline tag, which when expanded doesn’t push the following titles down (which is good), but the the expanded content opens next to the title, not under it.

Site here.

I found another post on the forum from someone with the same problem, but no replies yet…
https://www.ads-software.com/support/topic/make-content-expand-below-other-elements?replies=1

Thanks for any help in advance,

Sian

Sian,

Please paste the exact shortcode you are using. You can strip out the content, but we really need to see how your shortcode is being structured.

As for the other thread we have provided and answer, but this is not dealing with inline elements–rather placing the trigger and targets separately using the roll-your-own method.

Thanks for your help, I must have not been explaining my problem very well, but I fixed it using the answer you gave to the other thread…

<div class="collapseomatic" title="Element 1" id="elm1" >Element 1</div>
<div class="collapseomatic" title="Element 2" id="elm2" >Element 2</div>
<div class="collapseomatic" title="Element 3" id="elm3" >Element 3</div>
<br><br>

<div id="target-elm1" class="collapseomatic_content">Element 1 content shows here</div>
<div id="target-elm2" class="collapseomatic_content">Element 2 content shows here</div>
<div id="target-elm3" class="collapseomatic_content">Element 3 content shows here</div>

And added this to my CCS to make the titles stay on the same line

.collapseomatic_content {
float: right;
}

Thanks again! Sian

Great to hear! Feels good, eh? Don’t forget to Vote for Pedro!