Show horizontal line without bulletpoint

[bruno_perdigao]

The horizontal line (3 dashes in Markdowns, 5 dashes in Org-mode) could be rendered without the bullet point, similar with how it is implemented in journals’ home page.

How it works in a normal page:

How it works in home page:

[ChrisVn]

Thanks for your request.

I too find those bullets “ugly”

Allow non-outline (freeform) text

Thanks for your reply. I am used to outliners (used and still use Checkvist heavily) and like the bullet points. So I don’t want to get rid of all the bullet points but only for blocks that I use as a seperator --- This way I could separate the “ideas” similar to the example scurra initially posted. It is simply an aesthetic attempt because I really find the bullet point in front of the horizontal line “ugly”. [2021_0708_0750_01] I am very bad at hacking css and don’t know if this even woul…

[sabre23t]

I don’t mind the bullet so much when a kind user get the <HR> line to be vertically centered on the bullet. This CSS fragment for custom.css does it for me. Adjust that 0.8 figure if necessary.

hr {
    margin: 0.8em;
}

I guess it is not possible to CSS style the bullet away in Logseq v0.3.0 since the bullet class and container used for the <HR> is the same as other bullets. Extract from the generated HTML for the bullet in front of the HR …

<span id="dot-61087ece-610e-414d-b407-a7608c227a8d" draggable="true" blockid="61087ece-610e-414d-b407-a7608c227a8d" class="bullet-container cursor  ">
	<span blockid="61087ece-610e-414d-b407-a7608c227a8d" class="bullet"/>
</span>

I’m not sure if some CSS guru can make use of the blockid to CSS style the bullet away though. @cannibalox?

[cannibalox]

afaik the id is not a constant so it would only work for one specific block.
if you’re only looking for a cleaner look, this horrible hack might do the trick:

hr {
    margin: -0.25rem -1.1rem;
    border-top: 20px solid var(--ls-primary-background-color);
    border-bottom: 1px solid var(--ls-border-color);
}

it basically hides the bullet under a fat border… ¯\_( ಠ_ಠ )_/¯

[cannibalox]

this hack is no longer useful as the feature has been implemented natively in latest logseq (0.3.2).
We can close the topic

[ari_notes]

@cannibalox sorry for resurrecting this, but how do you natively add a horizontal line? (landed here searching how to do just that)

[mentaloid]

@ari_notes

how do you natively add a horizontal line?

From the first post:

@bruno_perdigao

The horizontal line (3 dashes in Markdowns, 5 dashes in Org-mode)

[FlorianF]

In CommonMark they are defined as Thematic Breaks and there are lots of ways to add them:

---

" A line consisting of optionally up to three spaces of indentation, followed by a sequence of three or more matching -, _, or * characters, each followed optionally by any number of spaces or tabs, forms a thematic break."

---

ff

[Perceval]

To show a horizontal rule without a bullet point, simply include it at the end of a block. Not sure why I didn’t think of that before! Obviously it will be indented to the same degree as the block.