I am trying to indent certain lines in Plane. How do I do that?

• 

  lillianmaeh · Member · Jun 4, 2015 at 12:53 pm

  • Copy link
  • Add topic to favorites

  I’m putting 5 ^ marks in front of lines in a poem to indent them. When I go to preview, I see the ^ marks.

  I use the Plane theme, which I love. How can I intent certain lines in poetry, without having to create a new stanza?

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

• 

  alexjgustafson · Member · Jun 4, 2015 at 3:21 pm

  • Copy link

  For poetry, the best thing to do is use our preformatted tag:

  https://en.support.wordpress.com/advanced-html/#preformatted-text

  By adding your poem like this:

  <pre>
  This is my poem
       I use the pre tags for poems
       the pre tag keep my indentation
    very well
  </pre>

  The spaces happen without needing the characters:

  This is my poem
       I use the pre tags for poems
       the pre tag keep my indentation
    very well
  

  And this works in any theme.

• 

  lillianmaeh · Member · Jun 4, 2015 at 3:42 pm

  • Copy link

  This is not working. When I put in the

    and then the 

  , save the draft, and then hit preview, I can see the

   and the <?pre>

• 

  lillianmaeh · Member · Jun 4, 2015 at 3:44 pm

  • Copy link

  I was also on a live chat with Ronnie and he told me and I quote, “actually Lillian, that you need to do some coding that I can’t tell you on the chat because for that you need to appoint a developer who know the coding even I don’t know how to do.”

• 

  alexjgustafson · Member · Jun 4, 2015 at 6:02 pm

  • Copy link

  Ah, I forgot to mention to use the HTML editor instead of the Visual editor.

  When creating your poem with the pre tag, make to sure use the Text/HTML editor, so that WordPress knows to read the pre tag instead of displaying it. Or if you do use the visual editor, select the ‘pre’ style instead of adding the tags yourself.

  Here’s a short video to explain that difference:

  No coding required.

• 

  lillianmaeh · Member · Jun 4, 2015 at 10:46 pm

  • Copy link

  THANK YOU!!! The video is fabulous and it works for the indentation.
  My only confusion now is that I really don’t like the font it shifts into.
  BUT — the only way I can figure out to change the font, changes the font on the entire site. I like the default font in PLANE. Is there any way to JUST change the font on this one post? And any other time I use the way of indenting.

  The indenting is GREAT! I will save this — you are a master teacher! :)

• 

  alexjgustafson · Member · Jun 5, 2015 at 3:45 pm

  • Copy link

  We can change the font for specific places (not just all headings or all body areas) by adding CSS. To add custom CSS to your site, open up your Customizer and click on the CSS tab.

  But you have a couple options on how you could add the CSS here. You’ll probably want to just adjust all the preformatted text, so all your poems going forward will use the correct font family. That would be this CSS:

  pre{
  	font-family: 'Noto Serif', Georgia, Times, serif;
  }

  And here’s a video on how that works:

  If you instead choose to only have the css affect the preformatted text on one specific post, you’ll need to find that post’s ID as well. Here’s a video on how to do that:

  And finally, if you want to change the font and get rid of that box, you’ll want to use this code instead:

  pre{
  	font-family: 'Noto Serif', Georgia, Times, serif;
  	background-color: inherit;
  	border: none;
  }