Blockquote confusion
- The topic ‘Blockquote confusion’ is closed to new replies.
Need help? Check out our Support site, then
G’day again,
I’m putting a couple of blockquotes in a post, and what I see when I add the blockquote while writing the post is completely different from the result when I publish it.
Is there a way I can get the published version to look like the version I get while creating?
Thanks.
The blog I need help with is: (visible only to logged in users)
Hi,
It seems editor has different CSS to render blockquote.
Please share a page with blockquote. I will try to share a CSS Snippet to resemble it.
Thanks
I’ve added a live blockquote to the test page.
https://cross.com.au/2016/09/26/test/
I love the look on the creation page because it’s professional looking, unlike what happens when it’s published :-(
Thanks.
Hi,
Please try the following CSS Snippet.
blockquote {
background-color: #e8f0f6;
border-left: 4px solid #b0b7ba;
font-size: 18px;
padding: 10px 20px;
text-align: left;
}
blockquote:before {
display: none;
}
Thanks
Ah, that’s awesome. I can fiddle with the font and so on from there.
Thanks again.
Opening this up again with another question – how do I remove the massive gaps above and below the blockquote? Really happy with how it looks apart from that.
Hi,
You have done amazing job in blockquotes.
Please try the following CSS Snippet to control the blockquotes gaps.
p + blockquote,
blockquote + blockquote {
margin: .5em auto;
}
Thanks
Thanks again, awesome. Great support.
Thought the blockquotes looked better in the same blue as the theme, and then white was the best font colour.