Can't read gallery names.

Jeffro · July 31, 2013

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 · July 31, 2013

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 · July 31, 2013

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 · July 31, 2013

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 · August 2, 2013

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 · January 23, 2014

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 · May 19, 2014

Thanks aschendel. Exactly what I was looking for!

Darter02 · May 19, 2014

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 · May 19, 2014

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 · May 19, 2014

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 · May 20, 2014

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

Can't read gallery names.

Comments