Twine 2.0 resizing the width of text when running on html

If you are requesting technical assistance with Twine, please specify:
Twine Version: 2.0
Story Format: Harlowe 3.2.3

Hello and I am very new to twine and CSS. I am trying to reduce the width of the texts when running my project in a browser. Although the width of the texts can defaultly change accordingly to the browser window’s size, when the browser window is maximized the text become too wide. Is there a way to restrct the maximum width of the display area for the texts? Thank you very much.

You can grab an element and set its max-width: 30px; in css.

In harlowe you might want to try :-

tw-passage {
max-width:  2em;
}

I’d recommend sugarcube-2 format for proper customization, also checkout some quick css lesson. :+1:

1 Like

Thank you very much for the help!

1 Like