How to remove whitespace below the tiddler title in this wiki

#1

I noticed some extra whitespace below the tiddler title in this wiki after installing the GSD5 plug in.

image
image2166Ă—700 30 KB

As discussed in this link - Krystal horizontal layout plug in and JD's whitespace theme incompatibilty , I tried to remove the whitespace by using this code

.tc-tiddler-body.tc-reveal>p { 
margin:0!important;
}

But it was not working. Any suggestions ?

#2

Quick peek with “inspect” tool shows that 7 runs of <p></p> are at the top of your body.

I don’t have time to verify where they’re coming from now. But the inspect tool is your best friend in figuring out pesky glitches when what you see is not what you expect!

#3

I was trying to remove that, but my code was not working.

#4

The layout looks interesting however I can’t get around so easily to find regular things. I would start with reviewing items with $:/tags/ViewTemplate then looking at the cascades, starting with the ViewTemplate Title, then the ViewTemplate Body.

As springer points out the <p></p> need something, even a space to cause them to be generated. If there something for which you have 7 items eg a tag, thats tagging 7 items?

  • look for a list somewhere in the page/story/tiddler Userinterface.
  • Start by checking overwitten shadow tiddlers
#5

One quick fix for your leading whitespace problem is to remove the extra vertical padding in the .rad p stylesheet specification, at the top of :$:/themes/be-rad/Styles/Basics

so that it reads:

.rad p { line-height: {{$:/themes/tiddlywiki/vanilla/metrics/bodylineheight}}; margin: 0; padding: 0 1 0 1; }

(or something like that).

Clearly a stylesheet can’t generate those repeated <p></p> elements, but the .rad paragraph style specification is somehow interacting poorly with something else.

1 Like
#6

Thank you @Springer for helping to fix the issue. Your suggestion solved the issue.

1 Like
#7

Glad to hear! Still, it might be good to get this on the radar of @Brian_Radspinner – who might want to see whether there’s any interaction with GSD5, or any other aspect of the Be Rad layout, that needs reviewing here, since the extra-whitespace problem only affected that layout.

1 Like
#8

Thanks for the heads up @Springer, I try to code my own wikis to avoid as many extra <p> elements as possible, that way I can make use of paragraphs properly and have margins set the way I want.

For wider use, I’ll probably have to restrict paragraph margins to just inside the tiddler body so they don’t effect other UI elements.

1 Like