Fix padding First images: to much white space

Store Design
, , , , , , , ,
1

Hi,

I need to fix the padding up top maybe 50px up on desktop to much white space> also if possible make the images closer together. My site is https://vazluxe.com’

less opadding.png
less opadding.png2407×1302 284 KB

1 Like
2

Hey @Luxurymrkt .

Let’s try the following:

  • Navigate to Online Store > Three dots > Edit code
  • Find the theme.liquid file
  • Paste the code below right before the closing tag
  • Save and hard-refresh the storefront

Feel free to adjust the values, of course. The CSS above only targets the first gallery block.

If applied correctly, the result should be:

Screenshot_3.png
Screenshot_3.png1399×908 115 KB

1 Like
3

It worked but theres still this extra space on the right side. Possibly to fix?

extra space.png
extra space.png2106×1275 245 KB

4

You can add the following block (the same way) or just paste the rule into that previous block.

This would center the whole block. This is the best I can do, as spreading out the images would increase the gap between them.