How to Change Single Photo Font

GregStarnesPhotography

I just published my new SmugMug. Yay!!!! I would like to change the font size, font name and font color of the text above the image. The Content block does not let you do this

Here is a sample page
http://www.gregstarnesphotography.com/Website-Pages/Galleries-Shows

Greg Starnes
www.GregStarnesPhotography.com

Hikin' Mike

Try this. Obviously change to suit:

.sm-user-ui h2, .sm-user-ui .sm-h2 {
    color: #f00 !important;
    font-size: 2em;
    font-family: 'Ubuntu', sans-serif !important;    
    }

I add all of my CSS to my theme's CSS box.

GregStarnesPhotography

That worked to change the font for word "Galleries" on the page below. I was trying to change the font color of the banners at that bottom of each gallery. E.g. "Arizona Slot Canyons", "Big Sur", etc. on the page/.

http://gregstarnesphotography.smugmug.com/Landscapes

I was also trying to change the font for the word "Mystic Light" above the each photo on this page

http://gregstarnesphotography.smugmug.com/Website-Pages/Galleries-Shows

Hikin' Mike

.sm-user-ui .sm-tile-info .sm-tile-title,
.sm-user-ui .sm-tile-content > .sm-tile-info{
    color: #f00 !important;
    font-size: 1em;
    font-family: 'Raleway', sans-serif !important;
    }

GregStarnesPhotography

Hikin' Mike wrote: »

.sm-user-ui .sm-tile-info .sm-tile-title,
.sm-user-ui .sm-tile-content > .sm-tile-info{
    color: #f00 !important;
    font-size: 1em;
    font-family: 'Raleway', sans-serif !important;
    }

Thank You. That worked great. This is what I was initially trying to change the font for the word "Mystic Light", etc above the each photo on this page

http://gregstarnesphotography.smugmu...alleries-Shows

Hikin' Mike

Glad it worked!

GregStarnesPhotography

Hikin' Mike wrote: »

Glad it worked!

Any ideas on the "Mystic Light" question???

Hikin' Mike

The first code i posted should take care of that.

GregStarnesPhotography

Hikin' Mike wrote: »

The first code i posted should take care of that.

Thank you. That did work perfect.

Where can you find out what each element on a page is called so that you can customize it???

Hikin' Mike

I use "Firebug" for Firefox.

GregStarnesPhotography

Hikin' Mike wrote: »

I use "Firebug" for Firefox.

I am trying to do the same thing on a slide show content block. I have a slide show on the following page and the image banner at the bottom of the side show holds the image caption. I would like to change the color of the font to white or light gray.

http://gregstarnesphotography.smugmug.com/Website-Pages/Galleries-Shows

Greg Starnes

Hikin' Mike

Your right-click protection is preventing me to see the code.

GregStarnesPhotography

Hikin' Mike wrote: »

Your right-click protection is preventing me to see the code.

I turned right click protection off for the slide show on this page. It the first set of 4 images under the Upcoming Galleris & Shows section.

http://gregstarnesphotography.smugmug.com/Website-Pages/Galleries-Shows

Hikin' Mike

Try this:

/* Slideshow Titles */
.sm-tiles-info-over .sm-tile-info p,
.sm-tiles-grid.sm-tiles-info-after .sm-tile-info p,
.sm-tiles-row-organic.sm-tiles-info-after .sm-tile-info p {
    color:#fff;
    }

GregStarnesPhotography

Hikin' Mike wrote: »

Try this:

/* Slideshow Titles */
.sm-tiles-info-over .sm-tile-info p,
.sm-tiles-grid.sm-tiles-info-after .sm-tile-info p,
.sm-tiles-row-organic.sm-tiles-info-after .sm-tile-info p {
    color:#fff;
    }

Thank you. It worked like a champ!!