Gallery thumbnail info text - how to modify?

scotthunter

I would like to change the font of my gallery thumbnails, info style set is set to covering. I would like text to be bold, or use a different font to make it stand out more. Gallery thumbnails are on homepage:

http://www.scotthunterphotography.com

Current CSS block contains the following:

.sm-user-ui .sm-tile-info .sm-tile-title {
font-size: 120%;
min-height: auto;
padding: 40px 0;
color: white;
background: rgba( 0, 0, 0, .5 );
}

.sm-user-ui .sm-tile-info .sm-tile-title:hover {
color: black;
background: rgba( 255, 255, 255, .5 );
}

.sm-user-ui .sm-tiles-infohover-hide .sm-tile-content .sm-tile-info,
.sm-user-ui .sm-tiles-infohover-hide .sm-tile-content:hover .sm-tile-info {
opacity: 1;
}

denisegoldberg

Add

font-weight: bold;

to your .sm-tile-title CSS.

I have to admit that I'm a bit surprised that you're pretty much obscuring the photos in the lower part of your homepage with the covering text and background. I know it's personal preference but I usually use the photos as a trigger to dive into the galleries.

scotthunter

Thanks very much :smile:

To make things confusing, I would like the Latest Images thumbnails on home page to show info in bottom bar on hover, the same as individual gallery pages (http://www.scotthunterphotography.com/Devon/Woodland/). Is it possible to have two different hover behaviours on a same page?