Image Padding in Reference Builder

**wndrngdru** · December 27th, 2022, 20:32

Two things, a bug and a want.

BUG: Text Left/Image Right Block is adding extra padding to the top of the image so it not top-aligned with the text block. This is a new behavior as previously added blocks of this top are still top-aligned.

WANT: I would like for the images in the Image Right/Text Left and Text Left/Image Right Blocks to not have any extra padding to them and just use the default margins between elements. The current behavior makes a left image inset instead of being left-justified with the rest of the text on a page. It just looks weird.

**Zacchaeus** · December 27th, 2022, 20:43

I'm not seeing any padding at the top of the image. Can you screenshot?

**wndrngdru** · December 27th, 2022, 22:19

It's only on newly-added blocks. Previously added blocks don't exhibit the problem.

In the image below, the first text line is the last line of the previous text block. The first line of the text block next to the image is the "dawn and" line.

**Sulimo** · December 28th, 2022, 02:40

Is it the image you are using?

I'm guessing that the 'Honor, Song, Silver, Thread, Flame' part is an Image, correct? Maybe there is some transparency there that is causing it?

I'm not seeing this in newly created blocks when I try it.

These are new blocks in the builder. Unlocked on the left, Locked on the right (exporting looks exactly like the locked image in the right). It does not matter if I use Image Right/Text Left or Image Left/Text Right, the result is the same.

Or maybe there is an extension causing it?

**Zacchaeus** · December 28th, 2022, 09:28

I'm not seeing this in a new build either. I think Sulimo is right; either an extension is the issue or the image has the padding. Maybe a .png file with a large alpha channel that's much bigger than the image.

**wndrngdru** · December 29th, 2022, 00:04

Thanks guys. I've done some looking into it further and there's something going on with the image itself. I'm guessing the MS Snipping Tool is doing something weird. I've done literally hundreds of images previously using the Snipping Tool and GIMP and this suddenly started happening yesterday with no change to my workflow. I haven't changed GIMP versions but the Snipping Tool has definitely had an update.

There's a bug. It's just not with FG. Carry on.

**wndrngdru** · December 31st, 2022, 16:57

Sigh...

I'm stumped. There's something about this particular image. It doesn't matter whether it's a png or jpg. I'm wondering if it's something to do with the size ratio? I have no idea what's going on. I've attached the actual pic I'm using, could someone else test and confirm I'm not crazy?

Hours.png

**Griogre** · December 31st, 2022, 17:20

This 27 x 100 image looks OK to me, ie no transparency. Not very readable at that scale. And considerably smaller than the 3rd posts snippet. Maybe the image got reduced in size somehow?

**Zacchaeus** · December 31st, 2022, 17:52

I see your issue. To solve it I loaded it into photoshop and resized it to 250px wide and then saved it out. It woks fine at that resolution, but not at the original size.

**wndrngdru** · December 31st, 2022, 18:03

Unfortunately, that kinda ruins the aesthetics of the layout. I have other pages that have a similar layout that don't have this issue. They are, however, slightly wider (123 px). I'll play with it and see if I can come up with a happy compromise.

It would be interesting to know what's happening under the hood that causes it though.

Thread: Image Padding in Reference Builder

Thread Tools