Bug- Make the text larger makes headers/images massive

Hi there, I’ve found a bug in the CS system I think. I don’t think there is a fix? Even pressing the “make the text larger” button once, causes headers to become massive and pixilated. (Make the text smaller does not do this.)

I’ve got a few games with headers that I realise will be affected (including HG submissions.) A lot of other habits also use images and title images which I’m guessing will also potentially be affected. Any way to prevent it? (I’m guessing not.) Example below:

Correct size:

1x increased text size

2 Likes

I think this is less a bug and just down to the very simplistic css styling in use. If CS lets you alter that before uploading or publishing you could probably resolve it yourself if CoG don’t want to change anything.

2 Likes

Increase the initial size. The app automatically resize the image to fit, so when you make it too small, it has nothing to work with.

1 Like

This will actually be an issue for any project with picture headings (like “Chapter 1” in fancy png styling) in HG and COG (not just my hobby projects) I would have thought? I’ll have to take a look.

It’s not a gamebreaking deal, but does look terrible. My coding skills arent amazing, I’d have to see if I could work out how to hack it or not on my hobby projects at least.

Yes and no up to a point. The initial image is fine. If I increase the size it is too big on the default setting. But increase the text size by about 2 points (2x make text larger) and it blows the image up to about 20+ x it’s original size so it’s way out of proportion even if it can’t tell the difference between images and text in the size increase command.

The other way though that could bypass this (maybe) would be to make all the images much wider than that need to be if not a full “box” shaped image but transparent in the unused space, as the bigger title picture didn’t seem to be as badly affected.

2 Likes

I see no difference with images that are already scaled down because they’re wider than the available area, so, yeah, making them wider sounds like a way to go.

That sounds weird though. You should be able to change text size without changing everything’s size. Or alternatively, call it zooming instead of text size change.

1 Like

Yes, it will (and does - I tested on some dashingdon wips) affect all choicescript games.

You can poke around in your browsers devtools (F12 for chrome/chromium based browsers and firefox by default) and live edit the CSS to see what affects what. Brave shows me very little in the way of CSS styling when I use it to change to a font I find easier to read (IBM Plex Serif Text for those interested).

That said, while I’m not an expert on web development, I do have some skill in that area and still consider CSS to be some kind of voodoo black magic so I wish you luck in your tinkering and hope that CoG come up with a more universal solution for folks.

Edit: Digging some more in Brave’s dev tools I would suggest setting your image to look good at 680px wide - that appears to be the max width of the central column where the games text and images are seen.

1 Like

Good to know. Thanks!

1 Like