Docs

[TravelingIsAVerb]

Hi

I know almost nothing about HTML and I am trying to indent the “In the middle of the journey of our life, I came to myself, in a dark wood, where the direct way was lost” in the following paragraph wothout having the editor add a line after “Comedy” and a line after “was lost”. If I use the indent button in the visual editor it indents the whole paragraph.

In January of 2015, Linda and I both realized that we were stuck (collectively and individually). Not quite as dramatically stuck as Dante Alighieri in The Devine Comedy
In the middle of the journey of our life, I came to myself, in a dark wood, where the direct way was lost
or as surreal as Bob Dylan’s “Stuck Inside of Mobile with the Memphis Blues Again”

Thanks for your help
Neal

[Rupok]

Hi Neal,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[TravelingIsAVerb]

Thanks.

It is travelingisaverb.com.

you can get to the page using http://www.travelingisaverb.com/our-story/

[Friech]

Hi Neal,

Thank you for the URL. I see that you did wrap that line with an <i> tag, please add a class="plm" on that tag so it would have a medium space from the left. If you need the space as large, replace the plm with pll

e.g.
<i class="plm">In the middle of the journey of our life, I came to myself, in a dark wood, where the direct way was lost</i>

In X|Theme those classes are called Spacing Helpers, see more on the bottom of this post.

https://community.theme.co/kb/css-class-index/

Hope it helps, Cheers!

[TravelingIsAVerb]

Hi

I guess I wasn’t clear. That did indent the first line, but the second line was then back left. I would like the whole (italicized) quote indended, and the following plain text back to flush left.

Thanks

[Lely]

Hi There,

Try this:
<i class="plm indented">In the middle of the journey of our life, I came to myself, in a dark wood, where the direct way was lost</i>

Then on Appearance > Customize > Custom > Edit Global CSS add the following too:

i.indented {
    display: block;
}

Hope this helps.

[TravelingIsAVerb]

Thanks, that did work, but I’m not so sure I like the italics in the indent. Can I do the same thing with unitalicized text?

[Friech]

Hi There,

Its the <i> tag that is bringing the paragraph to be italic. If you don’t want it to be italic you can replace the <i> tag with <span>

The same classes and styling given can be applied.

Thanks.

[Author]

Posts