Wexley: Code injection for different colours for hover effect / roll over.

Hi there, Ive have been looking for some code injection to change the colours/ opacity for each thumbnail on the gallery page in wexley. Any help would be most appreciated!

So ideally when rolling over each thumbnail a different colour would appear... like this site: https://www.claudiosalas.com/

I just checked quickly. The site used a lot of CSS, each image with a different background color and opacity.

@AngiePhill Need site url to check exactly what css should be used

@tuanphan Thanks for looking...www.arcstudio.co

@AngiePhill What is access password?

ah, okay, use these CSS. It will be better @AngiePhill

/* Image 1 */
div#thumbList span:nth-child(1) {
   background: red;
}
/* Image 2 */
div#thumbList span:nth-child(2) {
   background: #f1f2f3;
}
/* Image 3 */
div#thumbList span:nth-child(3) {
   background: green;
}
/* Do similar for all images */

Thank you so much for sharing your skills. Very much appreciated. Works a treat!

@AngiePhil just saw your animations. Nice ;)

You're welcome. Click Accept Answer if it worked. Other members can use if they know it worked.