Docs

[xsimon59]

Hi-

Can you tell me how to right justify after a line break?

See: http://bostonhypnosis.com/wordpress/issues/
Second section on the lines where I’m attributing quotes, I’d like them to be right justified without a blank line above.

I tried cut/pasting from another page where I did it and it worked (slides at the top of the page – http://bostonhypnosis.com/wordpress/index/phobias/) and some other ways. Can’t figure it out. Any help you can offer much appreciated. Thanks.

-Brian

[Joao]

Hi Brian,

First link is not working,

Can you please check if the link is correct?

Thanks,

Joao

[xsimon59]

Yes, it was correct, but I must not have saved when I published the page. You should be able to access it now. Thanks.

-Brian

[Joao]

Hi There,

You can type of your Text Element Style Box the following code:

 text-align: justify; float: right;

You also can try

text-align: justify; direction: rtl;

To locate the style box please scroll down to the bottom of your text element – See img attached.

Let us know how it goes.

Joao

[xsimon59]

Sorry, neither one of those worked. The first had no effect, the second jumbled the text and didn’t to what it was supposed to. Is there anything else I can do?

[xsimon59]

This reply has been marked as private.

[Joao]

Hi There,

It didn´t work because you have the styling inline in your texts and that will have the CSS priority.

To fix this please follow this:

Please change this

<p style="text-align: left;">"I would, and have, without reservation recommend the treatment to anyone who has been limited by a phobia."
<em>- Karl Orrette, Weymouth&nbsp;&nbsp;</em><a class="popmake-1521"    href="#">[icon type="question-circle"]</a></p>

for this

<p style="text-align: justify; direction: rtl;">"I would, and have, without reservation recommend the treatment to anyone who has been limited by a phobia."
<em>- Karl Orrette, Weymouth&nbsp;&nbsp;</em><a class="popmake-1521"    href="#">[icon type="question-circle"]</a></p>

And follow the same example on the other texts

Changing the tag in front of the texts from

<p style="text-align: left;">

to this

<p style="text-align: justify; direction: rtl;">`

Hope that helps,

Let us know if you need further help,

Joao

[xsimon59]

Sorry, maybe I’m not being clear. I just want the last line ( Karl Orrette, Weymouth in the example we’re working on) to align to the right side of the column. I pasted in the code you gave me and it’s not doing that. Can you help me further?

[Rad]

Hi there,

From the changes provided above, please remove this

direction: rtl;

Eg.

<p style="text-align: justify; ">"I would, and have, without reservation recommend the treatment to anyone who has been limited by a phobia."
<em>- Karl Orrette, Weymouth&nbsp;&nbsp;</em><a class="popmake-1521"    href="#">[icon type="question-circle"]</a></p>

Then add this CSS to Admin > Appearance > Customizer > Custom > CSS

  .page-id-2515 #x-section-2 .x-text em, .page-id-2515 #x-section-2 .x-text a {
  float: right;
  }

Then on the first column, you should wrap – Tanya Scanlan, Danvers with <em></em> just like the other.

Hope this helps.

[xsimon59]

Yes, it’s much closer, thank you. The question mark seems to have moved before the attribution, though. So it starts that line rather than ends it. Can you tell me how to fix that as well?

[Jade]

Hi there,

Please update the code to:

<p style="text-align: justify; ">
"I would, and have, without reservation recommend the treatment to anyone who has been limited by a phobia.”<br> <span><em>– Karl Orrette, Weymouth&nbsp;&nbsp;</em><a class="popmake-1521 pum-trigger" href="#" style="cursor: pointer;"><i class="x-icon x-icon-question-circle" data-x-icon="" aria-hidden="true"></i></a></span>
</p>

Then remove this CSS:

.page-id-2515 #x-section-2 .x-text em, 
.page-id-2515 #x-section-2 .x-text a {
    float: right;
}

And add this CSS:

.page-id-2515 #x-section-2 .x-text span {
    display: block;
    width: 100%;
    height: 35px;
    text-align: right;
}

Hope this helps.

[xsimon59]

Hi-

Thanks. I pasted followed those instructions, but it’s still flipping the question mark to the beginning of the line instead of the end where it belongs. Can you help?

[Joao]

Hi Simon,

Can you provide a screenshot of what you mean?

By checking your page:

http://bostonhypnosis.com/wordpress/issues/

I Can see the question mark appearing on the right, just after Karl Orrette, Weymouth just like it seems it suppose to be…

Where exactly you would like to have your question mark?

Thanks,

Joao

[xsimon59]

Sorry about that! I’m not sure what I was looking at, but yes, it’s exactly where it’s supposed to be. I’d swear…

Thanks for your patience!

-Brian

[Joao]

Hi Brian,

You are welcome,

Let us know if you need help with anything else.

Joao

[Author]

Posts