Folder names and Gallery names modifications

TallPhotoGuy · October 30, 2016

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 · October 30, 2016

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 · October 31, 2016

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 · October 31, 2016

A link to your site?

TallPhotoGuy · October 31, 2016

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 · October 31, 2016

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 · October 31, 2016

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 · November 1, 2016

This should work:

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

TallPhotoGuy · November 2, 2016

Thanks, that solved the problem

Folder names and Gallery names modifications

Comments