wiktoriavh/Spectrum

Need help in tweaking the css to decrease the gap between Heading and Content?

iamsubh opened this issue · 4 comments

iamsubh commented

I feel the gap between headings and contents under them is little bit on the higher side. Same with the gap between paragraphs too.

I tried to find the properties like padding or margin of the header, paragraph tags but failed.

Can you please guide me where to find them and tweak them in the css or give me a snippet of code?

with readable line length turned on

gap between paragraphs

iamsubh commented

I figured out the code where paragraph gap can be tweaked.

figured out para gap code

But still unable to find out the Heading and bullet point spacing.

wiktoriavh commented

@iamsubh
The headings use the standard margin that Obsidian provides. And lists also use the default margin of the user agent.
image

If you want to change them with a snippet, just target h1 to h6 and ul to change the margin.

  • ❤️1
iamsubh commented

If you want to change them with a snippet, just target h1 to h6 and ul to change the margin.

Thank you very much mate. I was finally able to tweak all those stuff I wanted to.

Here are the things that I modified.

the final tweaked code for spacing and gaps

Here is the final result that I completely love now.

Result after the final tweaking

wiktoriavh commented

awesome, glad it got fixed. :)

  • ❤️1