0 votes
by (240 points)
Help me please! How to insert a background, or just a picture into a page with text?  How can you make a page?   On Harlowe. Version of Twine 2-2-1.

1 Answer

0 votes
by (157k points)

Generally you would use CSS to add a background image to the story area of the current page, and that CSS would be placed within your project's Story Stylesheet area.

tw-story {
	background-image: url('the URL of the image you want shown');

If you want to use Passage Tags to control which background image is currently shown then you need to change the CSS selector to include the name of the relevant passage tag.

eg. If you want all passages that have been assign the forest Passage Tag to have the "media/forest.png" file as the page's background you would use a CSS selector & rule like the following.

tw-story[tags~="forest"] {
	background-image: url('media/forest.png');


Welcome to Twine Q&A, where you can ask questions and receive answers from other members of the community.

You can also find hints and information on Twine on the official wiki and the old forums archive.

See a spam question? Flag it instead of downvoting. A question flagged enough times will automatically be hidden while moderators review it.