How to format the way references are displayed?

RemNote Learning RemNote
#1

TL;DR: Can I make the references to always look non-bold?

Hi!

I have several rems that have bold words in them, which makes it a lot easier to overview, for example in a list like this:

Rules for concept A

  • Concept A must be dealt immediately
  • Is important to be aware of X when dealing with Concept A
  • Something different about Concept A

I really like the way that is shown, but I would like to see the reference whithout the words being bold, for practical and esthetic reasons. So, again, can I make the references to always look non-bold? Maybe with some CSS.

Thanks for your help!

1 Like
#2

@hannesfrank, sorry to tag you personally, but you seem to be very knowledgeable in the CSS realm :slight_smile:

#3

Yes, you can :slight_smile:

CSS Demo unbold references
CSS Demo unbold references1280×720 1.16 MB

2 Likes
#4

Damn, you’re truly a wizard, hahaha. Thanks so much!

One thing though, it worked better with 450 instead of 500, any idea why?

Here is the code for anyone interested:

.rem-reference .bold {
font-weight: 450;
}

2 Likes
#5

IIRC the builtin theme has font-weight: 500 for .rem-references. The default font-weight for unstyled text is normal which equals 400.

#6

I really don’t know why, but in my setup the reference font-weight seem to be 400, so to match the non-bold it worked that way. Thanks for your help, mate!

2 Likes