storyMenu configuration.

Comments

• Author X

  March 2015

  I was able to minify just the storyMenu font size with the following:

  #storyMenu {
font-size: 5px;
}

  I assume this is included in the "obvious stuff" you mentioned, so I guess either you may have not capitalized storyMenu properly, or it's being overwritten by some other CSS property you set? If so, you can try adding a !important to the rule, or if you're in Chrome right-clicking on the text -> Inspect Element -> Computed (tab in the top right). Find font-size in the list, expand it with the arrow, and it will tell you what rule is being used to set it (ie if it's the rule for "#sidebar" or ".storyElement" or for some other selector you didn't realize is applying).
  
  I haven't done much playing with Twine yet, so I don't know if it will do exactly what you want, but you could use the <<back>> macro at the end of the "use bandage" passage to give the user some feedback then let them return. Or, to be a little less confusing, [[Continue|Previous()]].
• greyelf

  March 2015

  You can use a classed HTML tag and some CSS to style just the stats part of your StoryMenu passage:
  
  1. Your StoryMenu passage: I wrap the stats in a <span> tag with a class of stats
  (note: depending on the HTML you are using, you may have to replace the span tag with a div tag)

  
Menu Text, normal font size.

<span class="stats">
game time:
health:
items:
etc:
</span>


  2. Your stylesheet passage: some CSS to alter how both the storyMenu and the stats looks, you can change my settings to what you want:

  
/* settings for your menus */
#sidebar #storyMenu {
color: green;
}

/* settings for your stats */
#storyMenu .stats {
font-size: 2em;
color: red;
}