How to change properties of markdown comments

Customization
1

I am using markdown comments like this
<!--- comment --->
but Logseq hides and conceals it.
How can i change it into muted color & make it less visible (not hidden), using custom css?
thanks

2

Such comments (in your case HTML comments) are not rendered at all, so they are not there for CSS to customize them. In other words, during rendering they are not hidden, they are rather ignored/skipped/omitted. If you really need to see them outside of editing the block, you need to parse and render them through custom Javascript. On the other hand, secondary information should not go in comments to begin with, it should be put in a structure for meta-data, i.e. a property or a macro.

3

what i am trying here is this
after pasting some information , i’d like to add my reflection on that text i copied , kind of meta text muted to differentiate from original, I am using logseq studying books.
I am not programmer how can make it happen
thanks for your help , appreciate

4
  • Normally your comments on pasted text should go in a child-block under that text.
    • Then this block can be collapsed.
  • If you need to put your comments inside the same block and you cannot find someone to program the behavior for you, here are the other two options:
    • Using a property:
      • Add the following CSS rule in file custom.css
        div:has( > div > a[data-ref="reflect"] ) .page-property-key ,
div:has( > div > a[data-ref="reflect"] ) {
  background: #f3f3f3;
  color: #ccc;
}
      • Then type a line like reflect:: some thoughts
      • Adjust the color values as needed.
    • Using a macro:
      • Add the following line in file config.edn inside :macros { } :
        :reflect "<span style='color: #ccc'>$1</span>"
      • Then type e.g. {{reflect some thoughts}}
      • Adjust the color value as needed.
1 Like
5

adding as second block works like charm for me . thanks a lot . Appreciate for your help

6

why do do you need css to hide properties? isn’t that an option in config.edn?

7

The requirement was not to fully hide, but to make less visible.