Twine 2.0 – Align text / Tutorial #2

Twine 2.0 – Align text / Tutorial #2

HomeDigitalExposureTVTwine 2.0 – Align text / Tutorial #2
Twine 2.0 – Align text / Tutorial #2
ChannelPublish DateThumbnail & View CountDownload Video
Channel Avatar DigitalExposureTV2017-10-28 17:34:08 Thumbnail
71,511 Views
Align text in Twine 2 – Tutorial

The code used in this tutorial is as follows. Copy and paste exactly as directed to ensure it works. Please note that if you paste this into text documents, the document will change the type of speech marks in the code and no longer work, it must be exact.

Code to center align all text:

tw-passage {
align text: center;

}

Encode to align individual passages. Don't forget to add a tag to your passage. This code changes like the tag from /"middle/" to the word you want. Warning – this code only works with Story format Harlowe 2.0.1:

tw-passage[tags/"middle/"] {
align text: center;

}

This tutorial for Twine 2 uses Twine 2.1, more specifically Twine 2.1.3. This is a beginner's guide to help you with the basics of Twine 2 software using CSS code, HTML, JavaScript, Story Stylesheet, standard Harlowe 2.0.1, Harlowe 1.2 .4, twine 2.0 variables, codes, text input.

Twine is a free online software tool that allows you to create non-linear, text-based stories/games.

Please take the opportunity to connect and share this video with your friends and family if you find it helpful.