Text alignment

Question

Hi,

I would like to know if it is possible to change the text direction in different passages of the same story. For instance, I would like to align the text from left to right in one passage and in the other one I would like to align the text from right to left, please advise if it is possible. Hope to hear from you soon

Thanks

Farhat

Answer 1

Yes, it's possible, but how to do it depends on what story format you're using in Twine (e.g. Harlowe, SugarCube, etc...).

You should add the appropriate tags to your question to indicate what story format you're using so that people can answer your question appropriately.

Comments

Hi,

I am using Harlowe 3.0.2. Kindly advise what code to use to make the text bold I've used some codes from the website but the text looks normal instead of bold. Hope to hear from you soon.

Regards,

Farhat

Answer 2

There are a couple of ways you can text align all of the contents of a passage:

1. Using Aligner markup.

==>
This passage text is right-aligned.

So is this passage text.

2. Using a known Passage Tag combined with a CSS selector that targets it.

You can use this technique to conditionally style the contents of your story based on the which Passage Tags have been assigned to the current Passage being shown. In this example I will use a passage tag of right-align to mark which passages within the project should have their text aligned to the right.

a. Assign the relavent Passage(s) the right-align passage tag (letter case sensitive).

b. Add CSS like the following to your project's Story Stylesheet area.

tw-passage[tags="right-align"] {
	text-align: right;
}

 

(how) to make the text bold

You can use Style Markup to apply text styling.

''this text is bold''

... if you are also using Aligner markup to right-align that text the above would look as follows.

==>
''this text is bold and right aligned''