›

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Register

Categories

Harlowe change background color for each passage

chromebookbobchromebookbob
in Help! with 2.0
I have tried this in the past but to no avail, is there a way to change the background color for each twine page/passage. I know you can use th (background:) macro, http://twine2.neocities.org/#macro_background, but this works by basically highlighting the text inside the square brackets instead of the whole page.

Is there a way to do it with tags and CSS, or is it easier than that?

Comments

  • greyelfgreyelf
    edited February 2016
    If you want to use tags to control how your story looks then read the Basic Harlowe Passage Tag Based Styling thread in the Workshop category.

    If you want to use tags to only effect the passage (tw-passage) area itself then change the CSS selectors in the linked examples to the following: 
    html.desert tw-passage {
	background-color: Beige;
}

html.forest tw-passage {
	background-color: LightGreen;
}
    The first CSS selector in the linked examples is how you would change the overall background colour of your story: 
    html {
	background-color: #FFFFFF;
}
    ... and if you wanted to change the overall background colour of your story's passages you would use the following CSS selector: 
    tw-passage {
	background-color: #FFFFFF;
}

    note: all the above CSS goes in your Story Stylesheet area,
  • DeadshotDeadshot
    What does that mean?
  • greyelfgreyelf
    Deadshot wrote: »
    What does that mean?
    Did you read the linked Basic Harlowe Passage Tag Based Styling thread?
  • DeadshotDeadshot
    greyelf wrote: »
    Deadshot wrote: »
    What does that mean?
    Did you read the linked Basic Harlowe Passage Tag Based Styling thread?

    Yeah, I think so. I'm not great with tags.
Sign In or Register to comment.