What I’m trying to do
I have a css snippet, pasted below, that applies formatting to my documents if they have the requred tag. It works great. However, the formatting doesn’t extend to the whole document. I’ll be scrolling down the page, the text will disappear and revert to the default formatting.
/* Target both reading mode and editing mode */
div.markdown-preview-view div.tag[href^="#SermonManuscript"],
div.markdown-source-view div.tag[href^="#SermonManuscript"] {
/* This just styles the tag itself */
}
/* Style the entire document containing the tag */
div.markdown-preview-view:has(.tag[href^="#SermonManuscript"]),
div.markdown-source-view:has(.tag[href^="#SermonManuscript"]) {
font-size: 16pt !important;
line-height: 3.0 !important;
}
Things I have tried
I have removed all plugins and themes, I’ve modified the CSS, I’ve tried the tag on different documents. All of these attempts still end up with this unexpected result