Fix padding First images: to much white space

[Luxurymrkt]

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'

[CafeDelMar · Accepted solution]

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 </body> tag
• Save and hard-refresh the storefront

<style>
	main section:first-child .gallery-carousel__meta.carousel__navigation-wrapper {
    height: 30px !important;
}

main section:first-child .gallery-carousel__items > div {
	margin-right: 10px !important;
}
</style>

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

If applied correctly, the result should be:

 

[Luxurymrkt]

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

[CafeDelMar]

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

<style>
	main section:first-child .gallery-carousel__items.carousel__wrapper.swiper-wrapper {
	    justify-content: center;
	}
</style>

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