Jump to content

List carousel hover

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

The list section is designed to be navigated by swiping on a touchscreen and hence it's not suited to a hover effect. It would also be a pain to implement and keep updated as you would have to identify each list item by their position (using nth-child) to target an image change to a specific item in the list.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 Did I help? Buy me a coffee?

Link to comment
On 11/19/2022 at 3:13 AM, vccc said:

I see it's done here aaksonline.com under new collection

I see on this site, image zoom in on hover. You mean that effect?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 3 months later...

@vccc try this:

.user-items-list-item-container {

	.user-items-list-carousel__slide {
      pointer-events: initial !important;
      li img {
        transition: 1s;
      li img:hover {
        *your effect here*
        transition: 1s;

However, it is supposed to apply one effect to all items in the carousel. If you need to apply per specific item you will probably need to use 



Edited by gromova_photo
Link to comment

Create an account or sign in to comment

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

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.