Add color overlay on hover

Please advise, looking for a way to add an overlay color to images, as shown here:

  • Nastia
    • Support Rock Star

    Hello Qureshi

    Hope you're doing well!

    Please try the following CSS code. It will set slightly red overlay color. Feel free to change background-color: #d0000030 to a different color.

    ul.wppap-thumbs li a.wppap-thumbnail:hover:before {
    background-color: #d0000030 !important;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    ul.wppap-thumbs li a.wppap-thumbnail {
    position: relative;

    Let us know how it went!


Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.