Set max-width for tiddler content

,
#1

Is there an easy way to set max-width for tiddler content box? I tried editing a theme and broke everything, lol.

#2

Create a tiddler (e.g., “SetMaxTiddlerWidth”), tagged with $:/tags/Stylesheet, containing:

.tc-tiddler-frame { max-width:50vw; }

Of course, you should replace 50vw with whatever width you prefer. Alternatively, if you want to limit the width of the tiddler content, but allow the tiddler frame to continue to fill the story column width, use:

.tc-tiddler-body { max-width:50vw; }

You might also be interested in trying TiddlyTools/Stylesheet/CenterStory, which allows you to define a minimum and maximum tiddler width and adds a “top bar” button to toggle between normal and centered tiddler display.

Note: to access the CenterStory settings, go to $:/ControlPanel > Settings > CenterStory, or just “control-click” on the top bar CenterStory button to show a popup with the settings controls.

enjoy,
-e

2 Likes