Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
Lorym

Help with products (remove fade-in)

Recommended Posts

Site URL: https://testsiteforflyingfingers.squarespace.com/berroco

Hello everyone - I'm new to the forum.

I would greatly appreciate assistance with 2 things:

1. The images fade in when the page loads and I'd like to remove that.

2. How can I make it so there are 5 or 6 products in a single row?

https://testsiteforflyingfingers.squarespace.com/berroco

I thought the Animation section would be the answer but it was already set to "none"

Thank you very much for any help!

Share this post


Link to post

Q1. Add to Home > Design > Custom CSS

.products.collection-content-wrapper .grid-item {
    opacity: 1 !important;
    transform: unset !important;
}

Q2. Add to Home > Design > custom CSS

@media screen and (min-width:768px) {
.products.collection-content-wrapper .list-grid {
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    grid-column-gap: 2vw !important;
}
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...