How to change color of page references

I can’t change the color of page references. Logseq ignores my attempts to change color in custom.css, and sticks with the color (or no color) in Accent Color.

Am I doing something wrong or is this just the way it is? The code I’m using is:

.page-reference { color:red }.content

Thanks for any suggestions.

Mark

Managed to solve this by using:

.page-ref {color:red}

Not sure why page-reference didn’t work as I’ve seen a number of examples where this is suggested as the means of control.

Page references appear in more than one contexts, which unfortunately use different CSS classes:

  • class .page-reference applies to span HTML tags, found in inline references etc.
  • class .page-ref applies to a HTML tags, found in queries etc.

In general, class names are inconsistent, thus should be checked with the inspector.

1 Like

Ah, OK. Thanks for the explanation. That’s helpful.

Mark