Change Text Font and Color - Custom CSS

Hello, I am looking for assistance to update the font and color of:
a) all text in the bullets, boxes, etc. and
b) notes

Using the below CSS gets me part of the way there, but I am missing some cases, for example when the text is active, the CSS does not work.

Could anyone please give me the proper selectors(s) to catch all permutation of these two types of text.

/* bullet text font styling */
.Node-renderedContent {
color: #333333 !important;
font-family: “Spectral”, monospace !important;
font-weight:300 !important;
font-style: normal !important;
}

/* change the font family and/or style of the text in notes */
.Node-renderedNote {
color: #5b5b5b !important;
font-family: “Spectral”, monospace !important;
font-weight:200 !important;
font-style: italic !important;
}

1 Like

Try add the .Node-content selector to the first set of rules, and .Node-note to the second set of rules. That should help.

1 Like

Thanks Erika, that selectors worked, also needed to get rid of the ‘font-weight’ because that interfered with the H1,2,3

2 Likes