Blockquote html not recognized
By Matt Binz on Saturday, 23 March 2019
Posted in General Issues
Replies 5
Likes 0
Views 676
Votes 0
I am trying to put a blockquote command inside the body of an older blog post. With the editor in html, I paste in the following: 



<blockquote><center>Let me show you how to avoid 5 costly pitfalls in your quest to finish homeschooling high school! Click to download my free resource guide: <a href="https://homehighschoolhelp.com/5-mistakes-resource-guide" target="_blank" rel="noopener">How to Avoid the 5 Biggest Mistakes Parents Make Homeschooling High School</a></center></blockquote>


It doesn't recognize the site CSS for blockquote which should put the quote into a gray box with a dash line like this: https://www.cloudhq.net/c/6119c136ae

On a brand new post, I tried to paste the blockquote html into a code block, a html block and a quote block. None of these showed the blockquote format we are looking for.

How do I input blockquote text into older and newer blog posts?

Is there some CSS I need to change in easyblog?

Thank you,
Matt Binz
Hey there,

I am really sorry for the delay of this reply as it is a weekend for us here.

Perhaps you can share with us what is the URL for this page? https://take.ms/dywDq

So we can draft you 1 custom css so it will show this similar styling on your blog page if the content contain <blockquote>.

Also can you provide us one of the blog post URL page which contain those <blockquote> so we can better have a check.
Arlex Wong
·
Saturday, 23 March 2019 09:54
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you for that.

Here is the article link: https://www.homehighschoolhelp.com/delight-directed-learning
Here is a blog post that uses the blockquote html currently so you can see what it looks like: https://www.homehighschoolhelp.com/blogs/early-high-school-credits-earned-in-middle-school

Here is what it looks like: https://www.cloudhq.net/c/b5e58d6379

Please let us know how and where to input the custom CSS so that the blog will recognize the blockquote command.

Matt
Matt Binz
·
Saturday, 23 March 2019 23:14
·
0 Likes
·
0 Votes
·
0 Comments
·
I noticed you still using very older version of Easyblog, do you consider to update to latest version?

By the way, you can apply this following custom css on your site backend > Easyblog > theme > custom css area.

If your current version doesn't have this custom css area, you have to add into your curren template custom/template css file.



body #fd.eb .eb-entry-article blockquote {

    background: none repeat scroll 0 0 #eee;

    border: 1px dashed #ccc;

    color: #000;

    margin: 10px 0;

    padding: 10px;

}
Arlex Wong
·
Sunday, 24 March 2019 09:50
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for the css code.

I tried this before on the latest Eblog version in my staging site, it was not working with that version either

I updated the custom css override with the code you provided.
Now how do I place this blockquote in the blog?

1. Do I use your “quotes” block or do I use your “html” block or your “code” block to implement this?
2. is this the format I would use below?

<blockquote>Sharon, a homeschool mom, told me that her daughter was accepted to every college where she applied. </blockquote>
Matt Binz
·
Monday, 25 March 2019 22:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Actually I saw this article page already show the correct styling for the <blockquote> https://www.homehighschoolhelp.com/blogs/early-high-school-credits-earned-in-middle-school and I know this article content created using wysiwyg editor. (screenshot : https://take.ms/xbCak )

If you would like to use Easyblog build-in composer editor, you have to use 'Quote' block, so it will render the same styling.

Do us update If it doesn't render the same styling and provide us that article page URL so we can better have a check.
Arlex Wong
·
Tuesday, 26 March 2019 10:34
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post