TW5: Customizing span between headings and text

76 views
Skip to first unread message

rooster91an

unread,
Apr 5, 2016, 7:26:51 AM4/5/16
to TiddlyWiki

Hello!
I've got a question to the presentation of content in tw5. In tiddlers with text alternating with headings tw5 always displays the same span above a heading and below the heading. For esthetic appeal i would prefer that the span between the leading text and the new heading is bigger than the span between the heading and the following text. (Or the span from a heading to the next text sequence is less, as you like.)
Sure, I can manage this by manually adding <br> under each text sequence, but I would like to change the behaviour of tw5 generally. How could I manage this?

Thanks a lot
Oliver

magev958

unread,
Apr 6, 2016, 4:58:52 AM4/6/16
to TiddlyWiki
I would suggest CSS. To your stylesheet add something like this:

body.tc-body .tc-tiddler-frame h1, body.tc-body .tc-tiddler-frame h2 { padding-bottom: 30px; }
body.tc-body .tc-tiddler-frame h1+h2, body.tc-body .tc-tiddler-frame h1+p, body.tc-body .tc-tiddler-frame h2+p { margin-top: -50px; }

Play around with the numbers to your liking
:)

rooster91an

unread,
Apr 6, 2016, 5:29:17 AM4/6/16
to TiddlyWiki
Superb! Exactly that what I needed! Thank you so much.

Regards
Oliver

magev958

unread,
Apr 6, 2016, 8:22:38 AM4/6/16
to TiddlyWiki
The added benefit is if you use columns, this keeps the heading from end up at the bottom of the column and the text at the top of the next column.
Reply all
Reply to author
Forward
0 new messages