Stylesheet question. I am trying to find the cause of the story river's top margin

46 views
Skip to first unread message

Tyler Harris

unread,
Apr 6, 2022, 3:23:00 AM4/6/22
to TiddlyWiki
Hello,
I am trying to find what the cause of the margin of the story river's top margin. Can't find it in any stylesheet.

This is what I have tried in a custom stylesheet.
```
section.tc-story-river {
  position: absolute; //position: fixed also has been tried.
  top: 0px;
  border: 1px solid black;
}
```
But the CSS is not behaving the way I would expect. I looked at the all the parent containers and cannot find anything could causing the story river being pushed down.
Thanks.

Álvaro

unread,
Apr 6, 2022, 7:08:14 AM4/6/22
to TiddlyWiki
The story river doesn't have any margin between it and the top of viewport.
If you are talking about the gap between the first tiddler in story river and the top of viewport. It is caused by the `padding` of the story river, you can remove it:
```
.tc-story-river {
  padding-top: 0;
}
```

Tyler Harris

unread,
Apr 6, 2022, 2:12:07 PM4/6/22
to TiddlyWiki
Setting padding-top to 0 didn't work.

Álvaro

unread,
Apr 7, 2022, 5:57:34 PM4/7/22
to TiddlyWiki
If you want tiddler on the top of viewport, it works in empty edition -> https://tiddlywiki.com/empty.html

padding-top.png


Unless you are not looking for that or there is a lack of information about what you want or about details of your tiddlywiki.

Tyler Harris

unread,
Apr 7, 2022, 6:32:00 PM4/7/22
to TiddlyWiki
Yeah, that's the reason. I failed to download an empty template.
Thanks.

Reply all
Reply to author
Forward
0 new messages