Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #16236

    I notice that when I use some of the “Dummy Data” for portfolio items, the images for the portfolio work perfectly. They have a greyscale non-hovered state that is the same size and position as the colored hovered state.

    When I used my own images that are at different sizes and ratios (tried a longer image, a taller image, and a square image) they end up showing a weird cascading effect where you can see both the greyscale non-hover and colored hover at the same time. It seems like the greyscale is always a different weird size (stretched or smaller) than the colored image underneath it.

    Any help would be greatly appreciated.




    I uploaded a test item that displays this problem on the front page:


    This is happening with my installation as well.

    It’s a standard, out of the box install. Have made no modifications to any files.



    Try to add this on your custom.css

    #top #main .greyscale-image {
    width: auto;
    height: 100%;




    I was able to fix the problem by adding this to the custom.css. Make sure to reset the cache for anyone else who tries to do this.

    Thanks for the help!



    Glad it worked. :)



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

The topic ‘Portfolio Items Display Hover Incorrectly’ is closed to new replies.