How do you widen a tiddler

601 views
Skip to first unread message

Slackware Slim

unread,
Dec 8, 2016, 12:36:16 PM12/8/16
to TiddlyWiki

I have a tiddler that I need to be much wider than stock, is there a way to widen them? I tried searching the web but came up with nothing.
Thanks

Hiru Yoru

unread,
Dec 8, 2016, 12:59:23 PM12/8/16
to tiddl...@googlegroups.com
Hi,

You can do this by changing the CSS. CSS determines the style for tiddlers, and the way everything displays on the screen. Find the class/id of the element and then assign it a wider width value (or change the margins, as width could be determined by them, indirectly).

If you are new to CSS, there are great tutorials on http://www.w3schools.com/css/default.asp and http://www.codecademy.com

You can find the class/id by using the Firefox "inspect" feature: https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Open_the_Inspector

There's information on how to alter the stylesheet of TW5 on the main site at www.tiddlywiki.com -- if you're using TiddlyWiki Classic, then all you need to do is find the StyleSheet shadow tiddler and edit it (it's much more straightforward than with TW5).

Regards,
Hiru

Mark S.

unread,
Dec 8, 2016, 1:06:07 PM12/8/16
to TiddlyWiki
Well, generally you widen all the tiddlers currently open.

And ... it's not easy to find or use actually. Ideally,  we would be able to change the river just by moving a divider line. Oh well.

You can change the width  by clicking on the settings cog to open the control panel. In the control panel select "Appearance" and then "Theme Tweaks". Under Theme tweaks, scroll down. There are settings for "story right", "story width", and "tiddler width". By setting these numbers to something larger, you can widen the tiddlers. In general, "story right" and "story width" should be the same size, and "tiddler width" a little bit smaller. You could even use percentages for tiddler width. You will also probably want to change the sidebar breakpoint to something larger than the story river, unless you don't mind the sidebar floating to the top of the page.

HTH
Mark

(I have submitted a version of this to the documentation at github)

PMario

unread,
Dec 8, 2016, 1:07:21 PM12/8/16
to tiddl...@googlegroups.com
Hi,

Open the ControlPanel: Appearence: Theme Tweaks  tabs and adjust the last 5 values according to your needs.

You can also change the Sidebar layout to : "Fluid Story, fixed Sidebar"

have fun!
mario

Slackware Slim

unread,
Dec 8, 2016, 1:09:10 PM12/8/16
to TiddlyWiki

Thanks Hiru.
Reply all
Reply to author
Forward
0 new messages