Centre the gallery

Ask the Community Customization
1

When I save the HTML code on my website builder, the gallery is aligning to the left of the page builder box, not in the centre.

Width is set to 100% but it does not fill the box, its always to the left with a gap on the right.

1 Like
3

Hi there @ProBike :wave:

Could you please send me a link to the page where your widget is installed?

4

ProBike

Its the information section, slightly to the left.

Thanks.

1 Like
5

Thanks! It seems to be centered on my end:

image
image1900×985 118 KB

Could you please check it in incognito mode? If the issue still persists there, please send me a screenshot of how it looks on your side :slightly_smiling_face:

6

Info Gap
Info Gap1546×359 53.4 KB

Can you see the gap on the right to the box is more than on the left?

1 Like
7

Oh, I am sorry, you are absolutely right!

Please try to use this code in the Custom CSS field on the Style tab and let me know if it helped:

.global-styles, [class*="RootLayout__Component"] {
margin: auto;
}
8

Unfortunately not, still sitting to the left of the box.

1 Like
9

We’ve fixed the issue with this CSS code:

.eapp-photo-gallery-masonry-component {
  margin: 0;
}

Check your website and let me know if you like what you see :slightly_smiling_face:

1 Like
10

Thank you. Looks better.

1 Like
11

You are always welcome :wink: