Howdy, Stranger!

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

Why doesn't my font size change when i edit the CSS [Harlowe]

I am using Twine 2 Harlowe. When i go into the menu for a story and edit the stylesheet adding this:
body {
font-size: 18px;
}

Then test the story, the font never changes, no matter what size I put in. Help?

Comments

  • edited August 2015
    If you look at the passage HTML elements generate by Harlowe you will see it has a structure something like the following:
    (note: I am excluding elements that are not relevant to this topic)
    <html>
    	<body>
    	<tw-story>
    		<tw-passage>
    			<tw-sidebar>
    			The contents of the passage being displayed.
    
    Notice that the tw-story element (and it's decedent elements (tw-passage, tw-sidebar, etc)) is at the same level as the body element, which is different to most HTML web pages.
    This is why the font size you are assigning to the body element is not effecting the story passage being shown, to fix your CSS change it to the tw-story element:
    tw-story {
    	font-size: 18px;
    }
    
  • Thanks much, I'm new to this CSS stuff :)
Sign In or Register to comment.