Skip to content

How do you make your headings like in your Obsidian publish notes? #168

Closed Answered by tallguyjenks
nphalem asked this question in Q&A
Discussion options

You must be logged in to vote

oh, thats my old CSS, i havent updated the CSS on the publish site in ages.. i should do that today.

i think what you're looking for is this:

/** ........ 2.11.3 Heading Horizontal Lines -- https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/288?u=tallguyjenks */
h1,h2,h3,h4,h5,h6 {
	display: flex;
	width: 100%;
	align-items: center;
}
h1:before, h1:after, 
h2:before, h2:after, 
h3:before, h3:after, 
h4:before, h4:after, 
h5:before, h5:after, 
h6:before, h6:after {
	content: '';
	background: var(--bright-aqua);
	height: .1em;
	margin: .2em;
	flex: 1;
}

Replies: 1 comment 2 replies

Comment options

You must be logged in to vote
2 replies
@nphalem
Comment options

@tallguyjenks
Comment options

Answer selected by tallguyjenks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
2 participants