Problem with Altering Appearance of Bold Text with CSS

I have successfully made bold text in Dynalist appear as underlined with the following CSS:

.node-bold {
text-decoration-line: underline;
font-weight: normal;

However, I’ve noticed that with this CSS active, when I underline a heading (by bolding it), it actually removes the heading’s bold formatting, which is not what I intended.

I have tried to solve this by also adding to my CSS the following:

.is-smallFont .Node-contentContainer {
font-weight: 600 !important;

I have done that for heading styles 1, 2, and 3 with no luck in stopping the bold/underline formatting from unbolding the headings. Does anyone have a suggestion for a CSS newb like me? Thank you so much in advance!

You can do it by remove “font-weight: normal;”, but it will also bold/underline everything. I don’t know how to setup some kind of condition format, so my suggestion is use another format you don’t want (ex. italics, strikethrough…) to apply two different type of underline.

1 Like