-
Hello!
I used GenerateBlocks to add images to my page, and I’m currently frustrated by the small space that appears beneath them, making the image gaps look uneven. I can see a tiny bit of space at the bottom of some images. I’ve inspected it in DevTools but can’t figure out what’s causing it.
Any help would be greatly appreciated!
-
Hi there,
The link you provided returns a 404 error, can you check?
-
Hi Ying, I updated the private information.
Thanks!
-
Hi Jericho,
I checked the page you provided, and it seems there are no images present on that page. This is what I see from my end: https://cln.sh/02SfJ5YvrD2kZ8V4wsdG
Can you check and confirm?
-
I Alvind, sorry about that, I forgot to upload the images. Please check again, I uploaded the images in the Media Library already. I’m just using this temporary site for this issue as I am working on the Local copy.
-
The images still aren’t showing up. When I inspected the page, it seems they’re still referencing the local URLs, which explains why they’re not loading: https://cln.sh/L4yW2BnbrXH6rmgLdSdj
-
My bad! Its now updated. Sorry again.
-
No problem, it’s showing now. 🙂
Try selecting the container that holds the image, then under the Spacing panel in the block settings, remove the Bottom Margin value currently set to 2rem.
-
I’m not referring to the bottom margin — I added that myself. What I mean is the small extra space that appears at the bottom of the image (see the attached screenshot).
To see it, hover over the image, and you’ll notice a thin gap beneath it. I’ve already removed the 2rem bottom margin, but the extra space is still there. It’s frustrating because I can’t figure out where it’s coming from or how to remove it.
-
Ah, okay. To fix that, select the Image block and set its Display property to Block.
-
Finally! Thanks, Alvind for the help!
-
No problem! 🙂
- You must be logged in to reply to this topic.