Thanks a lot for this code @mgmeyers, really insightful also for how to tweak other typographic matters.
And also for the feedback on live preview. I’ll wait until it has been more stabilized and you have been able to make the two compatible.
Hey there, you can remove the dotted line with this CSS
.markdown-preview-view li.is-collapsed,
.markdown-preview-view .markdown-preview-section > div.is-collapsed > * {
background-image: none;
}
And you can change the size of the collapse indicator by changing these values:
.markdown-preview-view .collapse-indicator > svg.right-triangle {
width: 14px;
height: 14px;
}
Just a quick question, did you @mgmeyers change something with regard to WYSIWYG recently? When I started up Obsidian this morning (after a few days) I noticed that all styling in the editor was gone. After activating Obsidians own WYSIWYG and restarting the app all was back to normal. Couldn’t find anything on Github hence my question. Thanks!
Hmm, not recently. If you haven’t updated the theme in a while, I did add a bunch of style setting toggles for the various wysiwyg-like features a few months ago.
2 Likes
@mgmeyers , your theme is gorgeous. Just wanted to say that and thanks.
3 Likes
Quick question for folks. Is there any conflict between the new official WYSIWYG live preview mode, and enhanced/editor/preview mode in the theme?
Hi @inakarmacoma! With the latest update of the theme (released yesterday) there shouldn’t be any conflicts. If you do notice any, please let me know and I can fix them.
Hey @janpeeters and everyone else, I just released a major update to California Coast.
It now supports live preview, but more importantly, I’ve completely re-written the theme. CC was originally conceived as CSS snippets on top of the minimal theme. This rewrite removes a lot of the cruft that came from multiple layers of CSS overrides. It also changes the default style settings to be inline with the theme’s design goals.
Since this is a rewrite, I expect there to be bugs and things I’ve missed. Please let me know if you run into either here: Issues · mgmeyers/obsidian-california-coast-theme · GitHub
3 Likes
Beautifully done! 
I have no css knowledge at all, therefore I would like to know if I
could make the h1 headings centered instead of left-aligned by an additional snippet? If yes, what could that snippet look like?
Hey @SamAdams This should do the trick:
.markdown-preview-view h1 {
text-align: center;
}
Hi @mgmeyers,
thanks for this quick response and your wonderful theme. Keep going, you do a super job.
Hi @mgmeyers,
one more question: The snipped for centering the h1 works in preview only. I tried to modify it to make it work in edit and preview without success 
Could you give me a hint to make it work in both modes?
Thanks in advance
Helmut
For edit mode, try:
.markdown-source-view h1 {
text-align: center;
}
Hi @Obsidian-GT,
No, doesn’t work. I added some other modifications to the h1 header because I use it as title for my notes and want it to be very different from normal headings:
.markdown-source-view h1 {
font-variant: small-caps;
letter-spacing: 3px;
text-align: center;
text-shadow: 2px 2px 4px gray;
}
In preview that works fine but in edit it has no effect. I probably should mention, that I use the new editor from v.013.14 with live preview. But it also doesn’t work with the legacy editor.
Thanks anyway
Helmut
Hmm, I’m not sure if this will break the editor or not, but you can try:
.cm-s-obsidian .cm-header.cm-header-1 {
text-align: center;
}
Hi @mgmeyers,
No, unfortunately that does not work either. But that is not a big problem. It would have been nice if the formatting would have worked in edit mode too but it is more important that it looks the way I want it to in preview mode.
Thanks again. If you find a solution at some point, it would be nice if you would post it here.
Many greetings Helmut
Actually, try this. Just tested it out, and it seems to work ok:
.HyperMD-header.HyperMD-header-1 {
text-align: center;
}
1 Like
Hi @mgmeyers,
It works 
. You are the very greatest 
.
Thank you very much for your perseverance and help.
Many greetings and Merry Christmas
Helmut
What’s the snippet used to get rid of the padding between list items in preview mode? I’m using a different theme but want the spacing between list items to be consistent across edit and preview modes (right now, there’s no padding between list items in edit mode but there’s quite a bit of padding in preview mode).
Great theme! I’m enjoying it a lot. The only nitpick I have is that the font ligatures are not working. Is there a way to make it work with the Segoe UI font?