I can style the bullet lists for view mode but not edit mode.
I don’t use the view mode. I only use the edit mode, so that’s what is important to me.
I should add. It seems like the code for the first bullet level does work and sets the style for the other level. And really it is the css code for level 2 and down that don’t work.
I don’t know anything about css code, so I got ChatGPT to write up the code. Here it is:
/* === BULLETED LISTS (Reading View + Edit Mode) === */
.markdown-preview-view ul > li,
.markdown-source-view.mod-cm6 ul > li {
font-family: 'Segoe UI', sans-serif !important;
font-size: 1em !important;
color: #2c2c2c !important;
}
.markdown-preview-view ul ul > li,
.markdown-source-view.mod-cm6 ul ul > li {
font-family: 'Courier New', monospace !important;
font-size: 0.95em !important;
color: #444 !important;
font-style: italic !important;
}
.markdown-preview-view ul ul ul > li,
.markdown-source-view.mod-cm6 ul ul ul > li {
font-family: 'Arial', sans-serif !important;
font-size: 0.9em !important;
color: #555 !important;
font-style: oblique !important;
}
That did not work, so I got ChatGPT to try again, and this is the next code it came up with:
/* === BULLET LIST STYLING FOR READING VIEW + LIVE PREVIEW === */
/* FIRST-LEVEL BULLETS */
.markdown-preview-view ul > li,
.markdown-source-view.mod-cm6 ul > li,
.markdown-source-view.mod-cm6 .cm-line.HyperMD-list-line:not(.cm-indent) {
font-family: 'Segoe UI', sans-serif !important;
font-size: 1em !important;
color: #2c2c2c !important;
font-weight: bold !important;
}
/* SECOND-LEVEL BULLETS */
.markdown-preview-view ul ul > li,
.markdown-source-view.mod-cm6 ul ul > li,
.markdown-source-view.mod-cm6 .cm-line.HyperMD-list-line.cm-indent-1 {
font-family: 'Courier New', monospace !important;
font-size: 0.95em !important;
color: #555 !important;
font-style: italic !important;
font-weight: normal !important;
}
/* THIRD-LEVEL BULLETS */
.markdown-preview-view ul ul ul > li,
.markdown-source-view.mod-cm6 ul ul ul > li,
.markdown-source-view.mod-cm6 .cm-line.HyperMD-list-line.cm-indent-2 {
font-family: 'Arial', sans-serif !important;
font-size: 0.9em !important;
color: #777 !important;
font-style: oblique !important;
font-weight: normal !important;
}
Maybe a human being can see what is wrong. Or is it just not possible?
Thanks