Is it possible to add hover effects to the grid? I'm looking to do the following; when selecting a thumbnail it must turn something like a transparent blue color.

CommentFileSizeAuthor
#1 Capture.PNG39.32 KBJohan Groenewald

Comments

Johan Groenewald’s picture

StatusFileSize
new39.32 KB

This is the output from my views fluid grid. How can I add hover effect to it? (Even if it's a simple border colour change upon hover)

Johan Groenewald’s picture

Assigned: Unassigned » Johan Groenewald
Status: Active » Closed (fixed)

/* Default item style. */
li.views-fluid-grid-item {
/* width and height properties are defined at views_fluid_grid.size.css. */
padding: 3px;
overflow: hidden; /* needed to clip content when explicit width/height is specified. */
list-style-type: none;
background-image: none;
vertical-align: top;
color: #fff;
background-color: #304250;
border: 1px solid #aaa;
}

li.views-fluid-grid-item:hover {
background: #17A1C8;

}