Folder names and Gallery names modifications

TallPhotoGuy

Can someone point me to the code to change the size of text for the folder and gallery names, the font weight and maybe even the font
Thanks

Hikin' Mike

You can use one of the web tools to see the specific code. I use FireBug. Without seeing your site, it's hard to tell. You can try this for the folder/gallery titles:

.sm-user-ui .sm-tile-info .sm-tile-title {}

TallPhotoGuy

Mike

Thanks. I had code from Aaron Meyers to center the gallery name and to color the folder. I want to maybe change the gallery name color, gallery name font size and font. I can't seem to do the basics on the font color change. Code is..

/* CENTER THE TEXT OF THE GALLERY NAMES */
/* Align the text in the center */
.sm-tiles-grid .sm-tiles-list .sm-tile-info .sm-tile-title {
text-align: center;
}
/* Make the tile info div fill the width so things can center */
.sm-tile-info-text {
width: 100%;
}
/* Change the color of the gallery name icon */
.sm-tiles-grid .sm-tiles-list .sm-tile-info .sm-tile-info-icon {
color: #00F;
}
.sm-user-ui .sm-tile-info .sm-tile-title {
color: #00F;
}
/* END CENTER THE TEXT OF THE GALLERY NAMES */

Hikin' Mike

A link to your site?

TallPhotoGuy

hewitt.smugmug.com
all my CSS code is in hewitt theme
I backed out a lot of code then add back bit by bit and verify
It shouldn't but the path I use to verification is
Celebrations graduations Oregon

denisegoldberg

To change the gallery title you need to reference .sm-gallery-cover-title:

.sm-gallery-cover-title {
  font-size: 20px !important; 
  color: #00F !important; 
}

I was able to change the color of the folder (when it was the last active piece of the breadcrumb) by using:

.sm-breadcrumb h1 { color: red !important; }

In both cases I needed the !important for the CSS to work.

I used Firefox Web Developer to determine the element name for the title.

--- Denise

TallPhotoGuy

Thanks, its not what I was looking for though. Currently each folder has a blue icon to the left and the folder name centered under the folder picture. The font is black. I don't know what size the font isiWhen the folder becomes a gallery folder the icon becomes a gallery icon and it remains blue, centered name with a black font. Its the text size and font type under each that I want to change by size and text color

Hikin' Mike

This should work:

.sm-user-ui .sm-tile-info .sm-tile-title a {
    font-size: 30px;
    font-weight: 900;
    color: #f00;
    }

TallPhotoGuy

Thanks, that solved the problem