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

Change image on index thumbnails on rollover

Question

4 answers to this question

Recommended Posts

  • 0
On 3/2/2020 at 10:40 PM, camilla.ciappina said:

@aaninetythree how did you figure it out, please? I am trying to do the same 🙂

 

thanks!

 

2 hours ago, JeremySnell said:

Also curious about this!

It seems aaninetythree used CSS to do this.

It is only suitable if you need to make a few projects.

#index-section-logo-collection .index-item:hover {
    background: url(https://images.squarespace-cdn.com/content/v1/57b0c7e1f7e0ab6f35ae7e47/1581366612193-BBXCWK0DMRF6ETW6ZXDC/ke17ZwdGBToddI8pDm48kFWxnDtCdRm2WA9rXcwtIYR7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1UYdOuYvii2-Ktc47eLgRN56TSQcLDz516ro9EaDps3jjP7cJNZlDXbgJNE9ef52e8w/logo_collection.gif?format=1000w);
    background-size: cover;
    background-position: center center
}

#index-section-ariel-investments-social-media-design .index-item:hover {
    background: url(https://images.squarespace-cdn.com/content/v1/57b0c7e1f7e0ab6f35ae7e47/1581388866788-K5VFBTGI9W5O805RGOKW/ke17ZwdGBToddI8pDm48kFWxnDtCdRm2WA9rXcwtIYR7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1Uf_TT3g97i6_XmO-qcQt4zAfXqdI_5B_HjrxMT8d5xsm3WUfc_ZsVm9Mi1E6FasEnQ/ariel_thumbnail.png?format=1500w);
    background-size: cover;
    background-position: center center
}

#index-section-new-page-5 .index-item:hover {
    background: url(https://images.squarespace-cdn.com/content/v1/57b0c7e1f7e0ab6f35ae7e47/1581390064972-CBB6DFE9K369BEYD0I1B/ke17ZwdGBToddI8pDm48kFWxnDtCdRm2WA9rXcwtIYR7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1UcTSrQkGwCGRqSxozz07hWZrYGYYH8sg4qn8Lpf9k1pYMHPsat2_S1jaQY3SwdyaXg/gptw_summit_2019_thumbnail.jpg?format=1500w);
    background-size: cover;
    background-position: center center
}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL

 

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...