#208

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.

#209

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;
}
#210

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!

#211

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
#212

@mgmeyers , your theme is gorgeous. Just wanted to say that and thanks.

3 Likes
#213

Quick question for folks. Is there any conflict between the new official WYSIWYG live preview mode, and enhanced/editor/preview mode in the theme?

#214

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.

#215

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

MacBook Pro 16_ - 1
MacBook Pro 16_ - 11920×1280 136 KB

3 Likes
#216

Beautifully done! :+1::+1::+1:

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?

#217

Hey @SamAdams This should do the trick:

.markdown-preview-view h1 {
  text-align: center;
}
#218

Hi @mgmeyers,
thanks for this quick response and your wonderful theme. Keep going, you do a super job.

#219

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 :hot_face:

Could you give me a hint to make it work in both modes?

Thanks in advance
Helmut

#221

For edit mode, try:

.markdown-source-view h1 {
  text-align: center;
}
#222

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

#223

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;
}
#224

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

#225

Actually, try this. Just tested it out, and it seems to work ok:

.HyperMD-header.HyperMD-header-1 {
  text-align: center;
}
1 Like
#226

Hi @mgmeyers,

It works :smiley:. You are the very greatest :clap: :clap: :clap:.

Thank you very much for your perseverance and help.

Many greetings and Merry Christmas
Helmut

#227

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).

#228

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?