CMS Development

ALazzarone
Participant

Image Grid Not Centered

SOLVE

Hi,

I'm working with an image grid on my landing page and it is not centered correctly. I've tried messing with every setting I can find, but it still sits a little to the right (on both desktop and mobile). See the attached images for reference. You'll see how the grid is closer to the right margin than the left. Is this a Huspot issue, or is there a setting you can point me to to fix this? Thanks!Screen Shot 2023-03-16 at 12.48.10 PM.pngScreen Shot 2023-03-16 at 12.47.51 PM.png

1 Accepted solution
BoatsByGeorge
Solution
Participant

Image Grid Not Centered

SOLVE

So I just found that if you check spacing, and you choose to edit separately, you can ad 40 px of spacing on the right margin and it seems to center everything fine.

I don't know why they offset image grids but that's how it's set up in hubspot. 

 

Screenshot 2023-03-18 at 1.46.21 PM.png

View solution in original post

3 Replies 3
BoatsByGeorge
Participant

Image Grid Not Centered

SOLVE

I am also dealing with this issue. It's driving me insane because I can't for the life of me figure it out. 

BoatsByGeorge
Solution
Participant

Image Grid Not Centered

SOLVE

So I just found that if you check spacing, and you choose to edit separately, you can ad 40 px of spacing on the right margin and it seems to center everything fine.

I don't know why they offset image grids but that's how it's set up in hubspot. 

 

Screenshot 2023-03-18 at 1.46.21 PM.png

ALazzarone
Participant

Image Grid Not Centered

SOLVE

Thank you! So odd that we have to do this manually, but it worked. It seemed to look centered on mobile, too. Thanks again!

 

Just a note, you have to select the image grid, go to the "Styles" tab, and click the "Image grid" dropdown to access these spacing settings.

0 Upvotes