How to indent quotes
-
When I use the quote marks (these ‘ in the toolbar) to set off a quote in my articles, the quote turns into italic text. This is not acceptable for very long quotes because I find italics difficult to read. This is the article I am concerned about: https://sarahbowmansite.wordpress.com/2021/12/08/most-intelligent-race/. I tried using a different size font but it’s is not as effective as I want. Is there some other way to effectively set off quotes, such as indenting them? Lots of other platforms allow this. So did the old WordPress in the classical editor but in the block editor I can no longer indent quotes.
WP.com: Yes
Correct account: YesThe blog I need help with is: (visible only to logged in users)
-
Hi there,
the quote turns into italic text.
I tried using a different size font but it’s is not as effective as I want.
This is the default setting of a quote block which you can fix using css. Follow this process to make the text style normal from italic.
There are two ways given below:
##For free plan
1). Open the page in the editor and click the quote block which you want to change.
2). From the appeared toolbar click on “options” & select “Edit as HTML”. Seetemporary screenshot
3). Now, from the HTML editor add below css on p tag keeping other unchanged
style="font-style:normal; font-size:24px;"
Here is n temporary screenshot You can decrease or increase the font-size from 24px as you want.
4). Update the page after change. You can change them from Html editor to “edit visually” by changing from toolbar “options”.##For an upgraded plan.
If you have upgraded plans add below css in Additional Css from your_site->Appearance->Customize
From the next screen click on the additional css & add below code..wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-style: normal; font-size:24px; }I am concerned about: https://sarahbowmansite.wordpress.com/2021/12/08/most-intelligent-race/.
I am sorry that I didn’t find any “quote” on this page. Would you be more specific please
Is there some other way to effectively set off quotes, such as indenting them
Regarding alignment “quote” has alignment options which you will find in the toolbar. Please see screenshot
Let me know if we are not on the same page.
Thanks -
Yes, thank you, we are on the same page.
<I am sorry that I didn’t find any “quote” on this page.>
The quotes were in smaller font, but that was not good enough, especially since you could not identify them.
Using HTML editing sort of worked. You can now see the quote blocks clearly. It’s at https://sarahbowmansite.wordpress.com/2021/12/08/most-intelligent-race/. The problem is that I had to repeat the edit for every single block. For multi-block (multi-paragraph) quotes, I had to repeat it for every single block/paragraph. That is too much work.
Two Questions:
1. Is there a way to fix the broken line so it looks like one big quote instead of several small quotes? See the page at link above.
2. How do I edit the toolbar to enable visually editing in this option? You say it is possible to do this but I could not find instructions online that coordinated with my free site.
-
Hi there,
Happy to hear that it worked for you.1). In the above page link I see that you have used multiple quotes rather than inserting all the text in one quote. Please insert all the text in one quote. Use enter in quote text to make a new paragraph rather than making a new quote.
I Hope it will solve your problem.You can change them from Html editor to “edit visually” by changing from toolbar “options”.
2). With the above what I meant was to convert a block from “Edit as html” to “Edit visually”. Here is Screenshot.
Let us know here if it’s okay with you.
Thanks. -
Thanks for your further suggestions. Now I understand No. 2. I found that and it worked for me.
About multiple quotes in No. 1. I am having trouble. To prevent messing up my official page, I have now made a test page to try your suggestions and post screenshots to show what I am doing. I hope you can tell me what I am doing wrong. The Test page is at https://sarahbowmansite.wordpress.com/2021/12/09/6490/
Your suggestions are not working. I show on the Test page if you don’t mind taking a look.
This is what I did (copied from Test page):
The process (see screenshots below in Steps 1, 2, & 3):
I copied text (4 paragraphs),
highlighted text,
made quote block using (“) on toolbar,
switched to HTML edit and inserted HTML code,
hit Enter between < / p > and < p > .
Results unacceptable. See below in Tests 1, 2, & 3.As you can see, only the first paragraph is normal text. The following paragraphs are still Italics. To fix that, I have to edit HTML each paragraph separately. That makes for the “multiple quotes,” as you call them. See below in Test 3.
I think this makes sense if you see the test page. I worked a couple hours on this to get all the information there.
-
-
Hi,
Its saying page not found on https://sarahbowmansite.wordpress.com/2021/12/09/6490/Anyway, let me explain you with more details. Hope you will get it.
The process I explained you to hit “enter” which will create one more <p></p> tag from “Edit visually” not from “Edit as HTML”. If it’s messy for you please follow below process which is much more easier.1). Open “quote” block and from toolbar select “Edit as HTML”. Screenshot
2). Add css as told earlier in p tag. Screenshot
3). Now to add another paragraph in same quote. Please add “<br>” tag (whcih breaks the line. You can use multiple <br> tag to break line multiple times) once and then add next paragraph text. See Screenshot
4). Update after the change.
5). Result will be like this screenshotHope it will help you.
Thanks -
Thank you for your patience. I had the Test page set for Private. That is why you couldn’t find it. My apologies. Now I set it for Public and you should be able to see my screenshots that show what I did. I am doing something wrong.
I tried your new suggestions to insert <br> (Test 4 of Test page) and it makes no difference. It is still not working. It breaks into lines; that is not the problem. the problem is that the quote is Italics font. I want normal font. I insert HTML code to made normal code as you instructed but it works only for the first paragraph. After paragraph/line break, it no longer works.
I have to re-insert the HTML code for normal font for the new paragraph/line. That breaks the quote into multiple blocks/quotes. How do I fix this?
-
Thanks for sharing the page. I can see the page now. To make you understand more clearly, I am explaining again from the very beginning with screenshots. I believe it will work for you.
1). Create a new Quote Block from the editor. Screenshot
2). After that, click “Edit as HTML” from the toolbar. Screenshot
3). You will find the new quote block like this & copy paste all the text between the “p” tag. Here is screenshot
4). After pasting all text (I have copied text from your text page to show you only) it will appear like this screenhot
5). Use css on the “p” tag. You will see in the screenhotI have used two “<br>” tags to break the line twice.
6). Update the page.Hope you have got the process. Or let me know here.
Thanks. -
That worked! Thank you so much for all your patience in working with me. I am saving the instructions and screenshots that worked on a private page for future reference. I appreciate this so much!
-
I have now saved all the instructions and screenshots. I decided to leave it public for now in case someone else needs the help. You can see it at https://sarahbowmansite.wordpress.com/2021/12/10/posting-multi-block-quotes/.
-
- The topic ‘How to indent quotes’ is closed to new replies.
WordPress.com Forums 
