Different Solid Hover Colors in Portfolio Grid

Hi There,

I am looking to see if there is CSS code, to add to my site, so that each image in my portfolio grid can have a different solid color on hover? Any help or suggestions would be really appreciated. Thanks!

1 hour ago, jaugustyn said:

Hi There,

I am looking to see if there is CSS code, to add to my site, so that each image in my portfolio grid can have a different solid color on hover? Any help or suggestions would be really appreciated. Thanks!

Website: www.joeyaugustyn.com
Password: Joey2222!

Change the value accordingly and place this into custom css

section[data-section-id="5f67949663133850a624efb4"] .grid-item:nth-child(1) .portfolio-overlay {
    background-color: #e91e63;
}
section[data-section-id="5f67949663133850a624efb4"] .grid-item:nth-child(2) .portfolio-overlay {
    background-color: #ff5722;
}

This worked perfectly. Thank you!