Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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;
}
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;
}
You're amazing!! thanks so much.
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025