Zotero 7 Beta Note Editor css

ulahcherubim

Is there a plan to implement custom note css in Zotero 7 Beta? I used css code from this discussion but it seems not working in Zotero 7 Beta: https://forums.zotero.org/discussion/86855/make-note-editor-beautiful

dstillman

It already works. You might need to use !important on some rules.

p { color: red !important; }

ulahcherubim

Thank you for the quick response, that worked!

dstillman

(To be clear, though, that thread predates the redesigned note editor in Zotero 6, so while you might want to adjust things to your liking, the premise is somewhat outdated.)

ulahcherubim

Well I tried centering the text, but it didn't work. For the title sizes, it worked. I don't know what is wrong with it. My last try is as follows:

`
body {max-width: 10em !important;
margin: 0 auto !important;
padding-left: 20px !important;
padding-right: 20px !important;}

h1 {font-size: 1.6em !important;
padding-bottom: none;}

h2 {font-size: 1.5em !important;font-weight: bold;padding-bottom: none;border-bottom: none;}

h3 {font-size: 1.4em !important;}

h4 {font-size: 1.3em !important;}

h5 {font-size: 1.2em !important;}

h5 {font-size: 1.1em !important;}

h6 {font-size: 1.0em !important;}

p {text-indent: 1.75em;}

ul,ol {padding-left: 1.75em;}

blockquote {margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 1.55em;
border-left: 3px solid lightgrey !important
;color: grey;}
blockquote p {text-indent: 0;}
`

ulahcherubim

I figured this out, sorry again.
Sorry for pinging @dstillman but I found these
https://github.com/zotero/note-editor/commit/3b8d30be26a3b54951874a7820d291684564b1de
https://github.com/zotero/zotero/issues/2563

I noticed that you assigned a max width to note editor, but it is not overridden by note.css hidden preferences. Is there a way to overcome this or is it hardwired into the program? I wan to have bigger margins on the note editor in fullscreen.