Fix spacing for Gallery Carosels

Solved

Fix spacing for Gallery Carosels

Luxurymrkt
Globetrotter
761 2 161

Hi,

 

The gallery carosel spacing doesn't line up with the rest of the website. Can we fix so its the same size as rest page. on desktop, my site is https://vazluxe.com

 

also, when loading homepage it blinks as 1 huge image first then goes to 3. Can we fix this please

 

fix spacing.png

Thank You | mike
Accepted Solution (1)

tim
Shopify Partner
4317 496 1582

This is an accepted solution.

You have this code (at the bottom of the section code?):

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

 

This should be removed and instead, add this code to the sections "Custom CSS" setting:

.gallery-carousel__item {
  flex-grow: 1;
  margin-right: 0 !important;
}

.gallery-carousel__items {
  gap: 10px;
}
If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

Replies 2 (2)

tim
Shopify Partner
4317 496 1582

This is an accepted solution.

You have this code (at the bottom of the section code?):

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

 

This should be removed and instead, add this code to the sections "Custom CSS" setting:

.gallery-carousel__item {
  flex-grow: 1;
  margin-right: 0 !important;
}

.gallery-carousel__items {
  gap: 10px;
}
If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
Luxurymrkt
Globetrotter
761 2 161

You're amazing!! thanks so much.

Thank You | mike