Typography not displaying as setup

I’m having some strange behaviour with custom typography. I’m using the style ‘article’ for displaying CMS content for a blog. It appears to be working except for the ‘Quote’ part. These are my settings:

It changes some, but not all, of the formatting. It lets me select italic and the font family, but not the colour, size or alignment. Why is this?

I’ve tried it on a non-CMS Markdown block, and the same thing happens.

If I mark my quote block up as, say, ‘H6’ (rather than as a quote block), then I can alter all the formatting components. Just not the Quote formatting.

Any ideas? :man_shrugging:t2:

I’ve had another look at this - if I enter HTML into the Raw editor (using <blockquote> ... </blockquote>) then the content displays correctly as per my set-up in the typography settings.

I’ve found that if I use a custom HTML block with the CSS on my blog post page, such as .blog-post blockquote p {color: #82429a;}, the colour styling is applied.

I’ve also noticed that if I switch from the RAW markdown CMS editor into the WYSIWYG Editor, it removes the HTML code (even if I go back to the Raw markdown). Is this correct?

Hi @RichardPhoto

how are you entering the CMS content? is it through the online editor only?

if you could share some example content you’re editing (or an example file that’s been edited), and a URL so we can take a look at the output, that would be a big help

Hi @ben

I’m using the online CMS editor.

I’m not sure what to share. I’m happy for you to log in to my CMS area. Let me know, and I can set up a login for you.

In the meantime, I’m using workarounds:

I’m using a custom HTML component to style the quotes, and I’m using the Code part of Markdown for the citation (since I don’t need to display code in my blog entries) and including it as part of the quote.

If it helps I was trying to use code such as

<blockquote cite="https://example.com/source">    <p>This is a quoted text from a source.</p></blockquote><cite>Source Title</cite>

This works if I enter it into the Markdown section of the online editor. But if I then switch to the WYSIWYG display, it removes the code; if I return to Markdown, it’s all gone.

It doesn’t do it with my Vimeo iframe embed code fortunately.

Hi @RichardPhoto

I’ve found the problem with the Quote styles not applying and there’s a fix for it in the next 3.x build :tada:

Cheers

Thanks @tpbradley