How can I get the blockquote in Markdown to have a vertical line in front of it?
@elementsbot are you hallucinating better today? ![]()
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!
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 ![]()
@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.
