Markdown Vertical line in front of Blockquotes

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

@elementsbot are you hallucinating better today? :slight_smile:

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. :sweat_smile:

@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!

Add the following classes to the Advanced CSS Classes field:

[&_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:

[&_blockquote]:border-brand-500 

Hope that helps!

Cool works great!

Thanks

Awesome, you’re welcome :smiling_face:

@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.