Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #201697

    I’ve perused the various threads and can’t seem to find a CSS trick that will remove the image overlay on hover for the portfolio. The page in question is I have my images set to black and white and on hover turn colored, which is enough of an action without the grey-out and icon appearing.

    Also, one of my portfolio thumbnails has gone rogue (at the bottom) and is not greyed out. Any ideas why?


    Hey KirinDesign!

    Please add following code to Quick CSS in Choices theme options under Styling tab

    .csstransforms .image_overlay_effect { display: none!important; }



    Thanks – I tried adding it to my child theme CSS file to no avail.

    Also, what to do about the rogue thumbnail that insists on being in color before hover?


    Nevermind – the update included the CSS for the hover. Still have a rogue thumbnail that is in color instead of b&w.

    With the update, my portfolio is no longer sortable. Looks like all the correct settings are in place. What happened?



    Please refer to this link to fix the portfolio sort function:

    Where is the rogue portfolio thumbnail? Try to regenerate the thumbnails using this plugin:

    Best regards,


    Thanks – that code worked for the sorting.

    The ‘rogue’ image is at the bottom of my portfolio (listed above). I regenerated the thumbnails, but as it is a CSS issue, this did not have an affect.

    Thank you for taking the time to sort this out.



    Can you try removing and re-uploading that image in Media Library? Greyscale version of the image is not being generated



    Took a couple times and a hard reload, but got it. Thank you for your help!!! This thread can be marked as resolved.



    Glad it is working fine now! Let us know if you have any other questions or issues.


Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Choices Portfolio Image Overlay’ is closed to new replies.