Problem with Altering Appearance of Bold Text with CSS


#1

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-self.is-heading1 .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!


#2

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.