# Images Bumping

**URL:** <https://community.hubspot.com/t/images-bumping/86514>\
**Category:** Blog, Website & Page Publishing\
**Tags:** starter\
**Created:** [July 31, 2023, 8:55pm UTC](https://community.hubspot.com/t/images-bumping/86514 "2023-07-31T20:55:30Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![GSmith5](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/gsmith5/32/199344_2.png) [@GSmith5](https://community.hubspot.com/u/GSmith5)\
**Post date:** [July 31, 2023, 8:55pm UTC](https://community.hubspot.com/t/images-bumping/86514/1 "2023-07-31T20:55:30Z")

</div>

I’m working with the FREEHOLD THEME templets and need to avoid using the Team Repeater Module because it does not allow me to modify the image sizes and crops unnecessarily.

So I am creating a 4 column display of company staff by inserting individual image modules + title text box beneath each image.

PROBLEM: Top row of 4 are OK. But the 4th image/2nd row keeps getting bumped down to create its own next row. I’ve checked padding/margin settings and cannot find anything that I thought might be causing the issue. No other images seem to be affected this way on other rows.

---

<div class="post-metadata">

**Author:** ![kvlschaefer](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kvlschaefer/32/71076_2.png) [@kvlschaefer](https://community.hubspot.com/u/kvlschaefer)\
**Post date:** [August 1, 2023, 7:13am UTC](https://community.hubspot.com/t/images-bumping/86514/2 "2023-08-01T07:13:29Z")

</div>

Hi @GSmith5,

Thank you for reaching out to the Community!

Could you please share a screenshot of what you’re seeing on your end or a screen recording of the page you are referring to with the padding and margin settings? Including a few examples would be helpful for the community to better assist with guidance on the next steps. Thank you!

Cheers,

Kristen

---

<div class="post-metadata">

**Author:** ![GSmith5](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/gsmith5/32/199344_2.png) [@GSmith5](https://community.hubspot.com/u/GSmith5)\
**Post date:** [August 1, 2023, 1:15pm UTC](https://community.hubspot.com/t/images-bumping/86514/3 "2023-08-01T13:15:01Z")

</div>

G’day Kristen,

Thanks for getting back to me.

Here is a screen shot of how the images appear while I am working on them.

 ![Screenshot 2023-08-01 at 9.03.33 AM.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/f/5/f5075e67882d9725b1f5758a0b21470d4367615e.jpeg)

Then this is how they appear when the page is ‘previewed’.

 ![Screenshot 2023-08-01 at 9.04.27 AM.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/2/b/2beeb7104b4f921cbaefb9bc4ab6ecfd1e63e8ea.jpeg)

Now, I noticed something for the first time this morning. This issue seems to only appear when I preview the page. But when I use the option “Open in a new tab” all the images are correctly in position. Weird?

And here are the padding/margin settings used for each image module.

 ![Screenshot 2023-08-01 at 9.05.20 AM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/0/9/0989fc3863af635ee02610048b36c8a26dc528cb.png)

 ![Screenshot 2023-08-01 at 9.05.30 AM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/3/9/39c8ca26ba355d991d72a09137c5f51660bab16d.png)

I’ve worked with quite a few templates on other sites other than HubSpot and never encountered this problem.
