CSS not working

Authoring Twine
,
1

Please specify version and format if asking for help, or apply optional tags above:
Twine Version: 2.3
Story Format: Harlowe 3.1

I must be doing something stupid. I input this code into the CSS stylesheet and nothing happens in TEST or PLAY. The bare bones game bits and links work, but the CSS is doesn’t.

/* 
***************************************************************************
*****
***** lighter blue - #3333ff
*****
***************************************************************************
*/

* {padding: 0; margin: 0;}

body {margin: 0; padding: 0; font: 16px gill sans, arial, sans-serif; color:#3333ff;}

I’m new to Twine, but not web development, so I may have missed an essential step.

Cheers.

2

If you use your web-browser’s Web Developer Tools to inspect the HTML structure of the page you will see that Harlowe uses its own custom <tw-story> element, instead of the standard <body> element, as the default ‘parent’ element. (in the distant past the <tw-story> element was a sibling, and not a child of <body>)

So you need to target <tw-story> instead.

3

Spot on! Brilliant, thanks so much :+1: