Change image on index thumbnails on rollover

Hello there!

I need help on adding css code to change the index thumbnail to another image while on hover. 

I've been trying to write/locate the css code on my own but I'm having no luck. 

Here's my wip portfolio page with the thumbnails: http://www.andyancreative.co/work-2

Thanks!

Actually I found out how to make the css code work!!

Woo!!

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

thanks!

Also curious about this!

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
}