Can't read gallery names.

Jeffro

The new gallery thumbnails are fine, but I can hardly read the name of the gallery on the thumbnails....it just kind of fades into the photo.



Is there a way to make the text darker, or bolder, or make it so the box the text appears in isn't see through....I mean come on, if people can't read the gallery titles they'll probably just leave the site.

aschendel

I agree with your assessment and for the time-being switched mine to Info Style: "Under". Should be just a little CSS to make them pop if there isn't a built-in option or theme that works.

a.s.

Jeffro

aschendel wrote: »

I agree with your assessment and for the time-being switched mine to Info Style: "Under". Should be just a little CSS to make them pop if there isn't a built-in option or theme that works.

a.s.

That is better, didn't even see that option. (There's sooooo much to figure out.)

moose135

I wasn't happy with that either, so I selected the option to display the title below the image. If you go to Customize, and choose All Folders, you can control that under the Options pop-up. I haven't found a way to change the text or background box, so moving the titles below the images was an easy fix for me.

ETA: I see you got the same suggestion while I was typing my reply...

aschendel

I sorted out some CSS for our problem of the not very visible folder names... On my All Folders (and one custom folder page I had created) I added a CSS block at the top and put this in it...

.sm-user-ui .sm-tile-content > .sm-tile-info {
    background-color: rgba(205, 207, 210, .85);
    color: rgba(0, 0, 0, .85);
}

Note, those numbers are the colors from my site / theme and most likely won't work directly for you. They really need to be set by each of us based on our individual color schemes -- unfortunately I couldn't find a good way to just adjust the "alpha" channel.

a.s.

kyllitedre

aschendel wrote: »

I sorted out some CSS for our problem of the not very visible folder names... On my All Folders (and one custom folder page I had created) I added a CSS block at the top and put this in it...

.sm-user-ui .sm-tile-content > .sm-tile-info {
    background-color: rgba(205, 207, 210, .85);
    color: rgba(0, 0, 0, .85);
}

Note, those numbers are the colors from my site / theme and most likely won't work directly for you. They really need to be set by each of us based on our individual color schemes -- unfortunately I couldn't find a good way to just adjust the "alpha" channel.

a.s.

Thanks a lot for this!

rbrt

Thanks aschendel. Exactly what I was looking for!

Darter02

I believe it was Allen that supplied this code that I use on my folder tiles to modify the text, and how it displays.

/* titles on thumbs in folders */
.sm-tiles-vertical .sm-tile-album .sm-tile .sm-tile-content .sm-tile-info .sm-tile-title,
.sm-tiles-row-organic ul li a p {
  font-size: 100%!important;
  padding-left: 0!important;
  padding-right: 0!important;
  color: #[COLOR="Red"]YOUR COLOR[/COLOR]!important;
  text-align:left;
  overflow: visible !important;
  white-space:normal !important;
  height: auto !important;
}

Allen

Darter02 wrote: »

I believe it was Allen that supplied this code that I use on my folder tiles to modify the text, and how it displays.

/* titles on thumbs in folders */
.sm-tiles-vertical .sm-tile-album .sm-tile .sm-tile-content .sm-tile-info .sm-tile-title,
.sm-tiles-row-organic ul li a p {
  font-size: 100%!important;
  padding-left: 0!important;
  padding-right: 0!important;
  color: #[COLOR=Red]YOUR COLOR[/COLOR]!important;
  text-align:left;
  overflow: visible !important;
  white-space:normal !important;
  height: auto !important;
}

I most probably got it from somewhere but it also allows multiple lines of text so long gallery names
do not get truncated.

Darter02

While I have your attention, what do the colored letters mean following:

.sm-tiles-row-organic [COLOR="Red"]ul li a p[/COLOR]

Hikin' Mike

Darter02 wrote: »

While I have your attention, what do the colored letters mean following:

.sm-tiles-row-organic [COLOR=Red]ul li a p[/COLOR]

ul = 'Unordered List' - http://www.w3schools.com/css/css_list.asp
li = 'List Item' - http://www.w3schools.com/tags/tag_li.asp
a = 'Link' - http://www.w3schools.com/tags/tag_a.asp
p = 'Paragraph' - http://www.w3schools.com/tags/tag_p.asp