Category Font Problem

[jfiler]

Have the following code to control the font on labels for the categories (Birds, Landscapes, etc) and it works for changes to color but not font or font size. Must be something simple but just can't find a thread with an answer.

.miniBox a.nav {
font-family: Century Gothic, Arial, Myriad Pro;
font-size: 13px;
font-weight: normal;
color: #FFF;
)

jfiler
www.photographsbynature.com (http://www.photographsbynature.com)

[jfriend]

I'm not sure I understand exactly which page you are having trouble with (a link to that exact page would help). In some cases your rules are not taking affect because there is a more specific rule in force from elsewhere in the CSS (either generic smugmug or the theme)

.miniBox .albumTitle a.nav will trump minibox a.nav because it's more specific.

To give your rules priority, add a !important to the ones that aren't working like this:

/* set font on categories */
.miniBox a.nav {
font-family: Century Gothic, Arial, Myriad Pro;
font-size: 13px !important;
font-weight: normal;
color: green;
)

That will give them priority, regardless of how specific they are.

[jfiler]

I'm not sure I understand exactly which page you are having trouble with (a link to that exact page would help). In some cases your rules are not taking affect because there is a more specific rule in force from elsewhere in the CSS (either generic smugmug or the theme)

.miniBox .albumTitle a.nav will trump minibox a.nav because it's more specific.

To give your rules priority, add a !important to the ones that aren't working like this:

/* set font on categories */
.miniBox a.nav {
font-family: Century Gothic, Arial, Myriad Pro;
font-size: 13px !important;
font-weight: normal;
color: green;
)

That will give them priority, regardless of how specific they are.

Not having much luck here. Changed the code to the following as suggested.

/* set font on categories */
.miniBox albumTitle a.nav {
font-family: Century Gothic, Arial, Myriad Pro !important;
font-size: 14px !important;
font-weight: normal;
color: #FFF;
}

Trying to change the font under the category photos on http://www.photographsbynature.com/galleries to look like they do under the gallery photos on http://www.photographsbynature.com/Birds

Where am I going wrong?

jfiler
www.photographsbynature.com (http://www.photographsbynature.com)

[jfriend]

Not having much luck here. Changed the code to the following as suggested.

/* set font on categories */
.miniBox albumTitle a.nav {
font-family: Century Gothic, Arial, Myriad Pro !important;
font-size: 14px !important;
font-weight: normal;
color: #FFF;
}

Trying to change the font under the category photos on http://www.photographsbynature.com/galleries to look like they do under the gallery photos on http://www.photographsbynature.com/Birds

Where am I going wrong?

jfiler
www.photographsbynature.com (http://www.photographsbynature.com)

Missing a period in front of albumTitle:

/* set font on categories */
.miniBox .albumTitle a.nav {
font-family: Century Gothic, Arial, Myriad Pro !important;
font-size: 14px !important;
font-weight: normal;
color: #FFF;
}

[jfiler]

Missing a period in front of albumTitle:

/* set font on categories */
.miniBox .albumTitle a.nav {
font-family: Century Gothic, Arial, Myriad Pro !important;
font-size: 14px !important;
font-weight: normal;
color: #FFF;
}

Thanks for the help, that did the trick!
jfiler