Change colour of text on Folders/Galleries

aola

Hi All,

I would like to aaaachange the colour of the text displayed on galleries and folders.

Case 1: All galleries
Case 2: All folders
Case 3: A specific gallery
Case 4: A specific folder

I've attached a screenshot of what I mean. The screenshot shows folders. The reason for this is to make the text easier to see.

Thanks in advance

Jerome

denisegoldberg

I don't think changing the color will help. The problem is that the text is sitting on a photo.

Have you considered making the background (behind the text) less transparent?

Try this CSS as a starting point:

/* change tile hover background to a less transparent white */
.sm-user-ui .sm-tile-content > div.sm-tile-info {
	background-color: rgba(248, 248, 255, 0.75);
}

The 0.75 entry is the alpha entry where 0.0 is fully transparent and 1.0 is fully opaque.

You can see an example on my site, at http://www.denisegoldberg.com/Wandering-near-home. I think the .75 alpha value makes the text more readable.

See the RGBA section of this page - http://www.w3schools.com/cssref/css_colors_legal.asp.

--- Denise

aola

denisegoldberg wrote: »

I don't think changing the color will help. The problem is that the text is sitting on a photo.

Have you considered making the background (behind the text) less transparent?

Try this CSS as a starting point:

/* change tile hover background to a less transparent white */
.sm-user-ui .sm-tile-content > div.sm-tile-info {
	background-color: rgba(248, 248, 255, 0.75);
}

The 0.75 entry is the alpha entry where 0.0 is fully transparent and 1.0 is fully opaque.

You can see an example on my site, at http://www.denisegoldberg.com/Wandering-near-home. I think the .75 alpha value makes the text more readable.

See the RGBA section of this page - http://www.w3schools.com/cssref/css_colors_legal.asp.

--- Denise

Thanks Denise, checked out how it looks on your site, I think you're correct about making the background less transparent.


Another question, in your galleries, any text in the caption about the photo only shows up on hover. How is that done. Seems in the gallery settings, I can the info style to bottom bar, off, under. If I set it off then the info hover option becomes unavailable. Can you tell me how you achieved that effect?

Thanks.

Jerome

denisegoldberg

aola wrote: »

Thanks Denise, checked out how it looks on your site, I think you're correct about making the background less transparent.


Another question, in your galleries, any text in the caption about the photo only shows up on hover. How is that done. Seems in the gallery settings, I can the info style to bottom bar, off, under. If I set it off then the info hover option becomes unavailable. Can you tell me how you achieved that effect?

I just checked my collage landscape settings - Info Style is set to Bottom Bar, and Info Hover is set to Show.

But - there is a bug with this style in Chrome only (it's OK in Firefox and IE) where the caption is always shown. If you run into that problem - I reported it in this thread, and leftquark provided CSS to fix it in this post.

--- Denise

aola

denisegoldberg wrote: »

I just checked my collage landscape settings - Info Style is set to Bottom Bar, and Info Hover is set to Show.

But - there is a bug with this style in Chrome only (it's OK in Firefox and IE) where the caption is always shown. If you run into that problem - I reported it in this thread, and leftquark provided CSS to fix it in this post.

--- Denise

Ha. There you have it, I'm a chrome user and hadn't tested with others yet. Thanks again.

Jerome