Possible bug using CSS with Markdown headers H2

[Chuck R.]

1. TW 5.1.19
2. I'm using the Markdown plugin
3. Using Chrome v78 on Windows 7
4. My TW is on tiddlyspot.com. I created it as a local file with the Markdown plugin, then created the Tiddlyspot site, then filled in the Tiddlyspot info on the local TW file to upload it to Tiddly spot.

Problem: CSS for H1 headers work. I am just putting a line above the H1 header to separate it from other information. CSS for H2 headers does nothing with top border.

I have tried saving to Tiddlyspot and reloading the page and I don't get any changes.

My stylesheet:

/* Comment */

img {max-width:100px; }

.tc-titlebar {border-top:2px solid black;}

.tc-tiddler-controls {border-top:2px solid red;}

.tc-titlebar { font-size: 14pt; display: inline; font-weight: bold; }

.tc-tiddler-body {margin-bottom: 3pt; border-top: 1px solid lightgray;}

.tc-tiddler-body {margin-bottom: 3pt;}

.tc-tiddler-body ul, ol {margin-top: 3pt;}

.tc-tiddler-frame { padding-top: 2px; padding-bottom: 2px; padding-right: 1em padding-left: 3pt; }

.tc-story-river {padding-right: 1pt; padding-left:3pt; }

.tc-sidebar-scrollable {padding-left: 1pt; }

/* Below is for date in "Recent" list on sidebar */

.tc-menu-list-item { color: #404040; }

/* Misc elements */

h1 {top-border:2px solid gray !important; }

h2 {top-border:1px solid gray !important; color:red; }

The color for H2 changes but the top-border for H1 and H2 does not appear.

Anyone have any ideas how to make the border appear on H1 and H2 elements?

Visual TW looks like this:

Thank you.

[Chuck R.]

Doh! CSS is actually "border-top" not "top-border". It's working now. Sorry for the static.

[PMario]

Hi,

There is absolutely no need for the !important parameter. -> border-top instead of top-border.

h1 {border-top:2px solid gray; }

h2 {border-top:1px solid gray; color:red; }

-m