About function "blockquote" on editing mode

• 

  quanwenzhao · Member · May 30, 2018 at 6:26 am

  • Copy link
  • Add topic to favorites

  Hi experts,

  Although the paragraph sentences using this function “blockquote” usually look like very nice on editing mode of my post. Please taking a look at this picture as follows,

  https://screenshots.firefox.com/ydZYbGbnT0BUlkfF/wordpress.com

  As you know, if on browsing or viewing mode of my post, it has actually shown this style as follows,

  https://screenshots.firefox.com/9lboGXUMFS6a1fol/quanwenzhao.wordpress.com

  By the way, those two horizontal lines in that two pictures above is what I add before and after the paragraph because I didn’t think of any other method – body paragraph may be difficult to distinguish from blockquote paragraph.

  Does everyone have more better ideas? Thank you very much.

  Best Regards
  Quanwen Zhao

  The blog I need help with is: (visible only to logged in users)

• 

  gemmacevans · Member · May 30, 2018 at 1:04 pm

  • Copy link

  Hi Quanwen,

  Can you send me a link to the post in your screenshot? I tried searching based on the text but wasn’t able to find it :)

  It sounds like you are referring to the difference between the blockquote appearance in the editor and the post itself, are you looking for advice on styling this element?

  Just let me know and we can go from there.

• 

  quanwenzhao · Member · May 31, 2018 at 1:17 am

  • Copy link

  Hello gemmacevans,

  Yep, this is my post link here, https://quanwenzhao.wordpress.com/2018/05/15/some-approach-about-saving-the-value-of-minsample_time-or-maxsample_time-from-ash-to-a-variable/

  You can find a large amount of quoting paragraph with red color font and horizontal line before and after this paragraph.

  Best Regards
  Quanwen Zhao

• 

  quanwenzhao · Member · May 31, 2018 at 1:24 am

  • Copy link

  Hi gemmacevans,

  My mean is that whether it can make my quoting paragraph’s background be same as my post on editing mode’s style or any other good ideas (at least I needn’t add those two horizontal separating line).

  Best Regards
  Quanwen Zhao

• 

  kokkieh · Staff · May 31, 2018 at 12:35 pm

  • Copy link

  Hi there,

  The way blockquoted text displays on the published post is determined by your theme. The editor does not load your theme’s code, so the editor won’t display it exactly the same way your site does and there’s no way to make it do that.

  To display your blockquotes on the site the way it shows in the editor, with the background and without the lines, you’ll need to override your theme’s CSS with custom CSS, and that requires the Premium or Business Plan.

• 

  quanwenzhao · Member · Jun 1, 2018 at 1:50 am

  • Copy link

  Hello kokkieth,

  I got it, thanks a lot.

  Best Regards
  Quanwen Zhao