Portfolio Overlay Stays On

[greengrassbrian]

Hi there,

When I have portfolio items that don’t fill up an entire row the hover overlay will not turn off when the mouse is in that row, regardless of whether it’s rolling over a portfolio item or not.

For example, if you go here: http://www.brazenanimation.com/commercial/

When the browser window has 4 portfolio items across, then in the 4th row there’s only 1 item and open space where 3 additional portfolio items go. If I rollover row 3, the hover overlay does not turn off when I rollover this open space like it should.

How can I make sure the overlay is only on when the mouse is hovering over a portfolio item and not empty space?

Thanks!
Brian

[Swift Ideas – Ed]

Hi Brian,

Unfortunately that’s not possible as standard, as the items element can only be a square – it can’t clip to only over the items. If you’d prefer to not have the fade out, then you can add this custom css:

.portfolio-items:hover > li {
filter: alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}

– Ed

[greengrassbrian]

Perfect, thanks Ed!

[Kyle – SUPPORT]

Great! Thanks Ed

– Kyle