Help getting Border headings into Minimal headings

[aaronjz]

I’d like some help configuring a css snippet to get the Border theme heading line indicators showing with Minimal theme’s headings.

I’d like to get the colorful vertical lines next to each heading with the “H1, H2, …” off to the sides like in Border, but maintain Minimal’s headings sizes and style.

I’m guessing the collapsed “arrow” like heading indicators in Minimal are turned into heading indicators in Border somehow. I’m new to working with css so any help would be appreciated! Thanks.

[ariehen]

For something like this the general process is:

1. Isolate the code in Border creating the heading indicators.
2. Remove any specific classes having to do with Border.
3. Make sure what’s left doesn’t conflcit with any custom parts of Minimal.
4. Use the snippet with Minimal.

Almost certainly doable, but will take some time to get working correctly.

[aaronjz]

Hello, I was able to get it figured out with the trial-and-error technique above. Thanks!

[ariehen]

Excellent! Thanks for reporting back.

If you don’t mind me asking, how long did it take you? With my self-assigned intermediate level CSS skill ( ), I figured it would take ~20 minutes to an hour? Maybe two(?) in working out the kinks.

Anyway, good job!

[aaronjz]

It took me maybe an hour or a little longer over the different attempts with my very limited skills . I used cmd+f to find anything related to “h1” in both themes since I knew that would be in there somewhere. I then sifted through the results until I found what seemed to be the right block related to the header indicators. Thankfully, the creator of the Border theme had some really well formatted CSS that was sorted by sections. After I copied and pasted that into a new css doc, I removed what seemed to be related to the text formatting, hoping the appearance in Obsidian would just revert to Minimal’s formatting of the text, and that’s what did the trick.