# Markdown Vertical line in front of Blockquotes

**URL:** <https://forums.realmacsoftware.com/t/markdown-vertical-line-in-front-of-blockquotes/54295>\
**Category:** Elements\
**Created:** [February 12, 2026, 10:26am UTC](https://forums.realmacsoftware.com/t/markdown-vertical-line-in-front-of-blockquotes/54295 "2026-02-12T10:26:22Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![ercross](https://avatars.discourse-cdn.com/v4/letter/e/c57346/32.png) [@ercross](https://forums.realmacsoftware.com/u/ercross)\
**Post date:** [February 12, 2026, 10:26am UTC](https://forums.realmacsoftware.com/t/markdown-vertical-line-in-front-of-blockquotes/54295/1 "2026-02-12T10:26:22Z")

</div>

How can I get the blockquote in Markdown to have a vertical line in front of it?

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [February 12, 2026, 11:42am UTC](https://forums.realmacsoftware.com/t/markdown-vertical-line-in-front-of-blockquotes/54295/2 "2026-02-12T11:42:28Z")

</div>

@elementsbot are you hallucinating better today? 🙂

---

<div class="post-metadata">

**Author:** ![elementsbot](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elementsbot/32/33134_2.png) [@elementsbot](https://forums.realmacsoftware.com/u/elementsbot)\
**Post date:** [February 12, 2026, 11:42am UTC](https://forums.realmacsoftware.com/t/markdown-vertical-line-in-front-of-blockquotes/54295/3 "2026-02-12T11:42:31Z")

</div>

Hey @PMUK! I’m always trying my best, but you know how it is with us bots—sometimes we see things that aren’t there. 😅

@ercross, to get a vertical line in front of a blockquote in Markdown, you typically use the `>` symbol at the start of the line. If you’re looking to style it further in Elements, you might need to use a Custom Component or adjust the CSS in your Template settings.

Remember, I might not always be spot-on, so double-check or ask the Realmac Team if needed!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 12, 2026, 12:27pm UTC](https://forums.realmacsoftware.com/t/markdown-vertical-line-in-front-of-blockquotes/54295/4 "2026-02-12T12:27:15Z")

</div>

Add the following classes to the Advanced CSS Classes field:

```auto
[&_blockquote]:border-l-4 
[&_blockquote]:border-surface-600 
[&_blockquote]:pl-4

```

You can customise the border with any Tailwind colour, the example above is using surface-600, you could switch it to the brand colour and change the shade using the number on the end:

```auto
[&_blockquote]:border-brand-500 

```

 ![CleanShot 2026-02-12 at 12 .26.52@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/a/4a304cefa8e84864cd4d6082cf241299bbe21a92.jpeg)

Hope that helps!

---

<div class="post-metadata">

**Author:** ![ercross](https://avatars.discourse-cdn.com/v4/letter/e/c57346/32.png) [@ercross](https://forums.realmacsoftware.com/u/ercross)\
**Post date:** [February 12, 2026, 1:06pm UTC](https://forums.realmacsoftware.com/t/markdown-vertical-line-in-front-of-blockquotes/54295/5 "2026-02-12T13:06:45Z")

</div>

> [@dan](#):
>
> `[&_blockquote]:border-brand-500`

Cool works great!

Thanks

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 12, 2026, 3:30pm UTC](https://forums.realmacsoftware.com/t/markdown-vertical-line-in-front-of-blockquotes/54295/6 "2026-02-12T15:30:32Z")

</div>

Awesome, you’re welcome ☺

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [February 12, 2026, 7:13pm UTC](https://forums.realmacsoftware.com/t/markdown-vertical-line-in-front-of-blockquotes/54295/7 "2026-02-12T19:13:36Z")

</div>

@dan Speaking about block quotes, we seem to have uncovered a bug in the theme studio. @ercross ran into this, and I have checked it out as well.

In the theme studio, if you are styling the “quote” section and you set a color for the quotes, this color will not be applied to a quote if a “paragraph” color has been set. When you remove the paragraph color, the quote color will be shown.