Changing Font Size underneath Folders

Akapam

Want to change the size of the font listed below my folder names (see picture)


I have done the following:

I opened up my site and went to Customize


All Folders
Theme
Clicked on Theme Wrench
Advanced
Custom CSS/Edit
Added
.sm-tile-info .sm-tile-title {font-size: 22px;}


Done

The text size did not change under the folder.

Any one have any ideas?

James Lyall

Akapam wrote: »

Want to change the size of the font listed below my folder names (see picture)
Any one have any ideas?

.sm-tile-title {
font-size:20px!important;
}

In sitewide CSS works for me.

leftquark

Akapam wrote: »

Added
.sm-tile-info .sm-tile-title {font-size: 22px;}


The text size did not change under the folder.

Have you tried adding "!important" so it overrides the default setting?

.sm-tile-info .sm-tile-title {font-size: 22px !important;}

James Lyall

leftquark wrote: »

Have you tried adding "!important" so it overrides the default setting?

.sm-tile-info .sm-tile-title {font-size: 22px !important;}

Snap!

Akapam

James Lyall wrote: »

.sm-tile-title {
font-size:20px!important;
}

In sitewide CSS works for me.

What does that mean :site wide" and where is it located?

Akapam

James Lyall wrote: »

Snap!

That Worked!

Thanks

How would one go about changing the font style?

James Lyall

Akapam wrote: »

How would one go about changing the font style?

Same game, try something along these lines:

.sm-tile-info .sm-tile-title {
font-weight: bold;
font-style: italic;
font-size: 22px !important;
}

Akapam

How about actually changing the font type? Any suggestions

leftquark

Akapam wrote: »

How about actually changing the font type? Any suggestions

This is a little bit more difficult, depending on what font you want to use. If it's a normal font that all users have on their computer you can just use the normal CSS font code:

font-family: 'FONT NAME';

However, if you're trying to load a font that isn't 'normal' (most people don't have), you'll have to go a different route. Google Fonts is an initiative that makes it so browsers will automatically download a font and load it for the user. Using some nice code you can load any google you want and use it on your page. Unfortunately downloading additional Google fonts are blocked by SmugMug. I've been in talks with their developers to get them to change this and allow you to easily customize additional sections of the page with extra fonts.

There is a work-around though. I've outlined the 'hack' here: http://www.dgrin.com/showthread.php?p=1909714#post1909714. A couple posts below that (see post #16 there) discusses some additional instructions for doing it.

Basically you create some CSS code that forces the browser to download the font. You'll need to find out the Google URL for that font. Then use can use the font-family code (as above) anywhere on your site.

If you don't want to use a google font there are alternative ways in that thread as well. Good luck.