Remove space on the right side of passages in Harlowe

cidmid15 · June 2015

Hi,

Sorry if this has already been asked and answered, I did look but I could not find an answer to it.

I would like to remove some space on the right side if possible. If I change the margin and padding for tw-story it only removes or adds space on the left side.

I stretched the window wide for this screen shot.
https://goo.gl/photos/jLCMpQhdD8AHg8vf7

I squished the window for this one.
https://goo.gl/photos/nwCWJBWTQDaFUckp6

As you can see there is always space on the right no matter what the window size. Both of those are in the twine popup window but it's the same on a browser. This is the style I used.

tw-story{
padding:0px;
margin-left:25px;
margin-right:75px;
}

Thanks in advance.

greyelf · June 2015

If you are using either Firefox or Chrome you can use their built-in "Inspect Element" feature to see the default CSS for the tw-story element. The default CSS includes a width: 60%; attribute and it is this that is causing most of the extra space to both the left and right.

Adding width: 100% to your existing tw-story rule should help.

cidmid15 · June 2015

Awesome thanks, that solved my problem.

Howdy, Stranger!

Categories

Remove space on the right side of passages in Harlowe

Comments