Font Size for #header-name (Solved!)

[studiesinlight]

I've successfully relocated and refaced my Mixit ("Reading Sage") journal title, but I've been unable to change its size. It's likely just some silly error of mine, but I can't see that error. Can you? Thank you very much!

Comments

[av8rmike]

You'll need to separate out the font specifiers into a different class for them to apply, i.e.:

#header-name {
text-align:center;
margin-top:25px;
}

#header-name a {
font-size:50px;
font-family:Vivaldi;"Kunstler Script";Heather;"Freehand521 BJ";"French Script MT";"Vladimir Script";"Lucida Calligraphy";
}

Thanks!

[studiesinlight]

Thank you very much! Yes, that works. I appreciate your help.

May I ask, if you know, why does this work? :-) Is this a case of needing to "beat" the specificity of the font size applied in the baseline CSS? I had tried using "important" to cover that possibility, but (obviously!) I had not tried increasing the specificity. (It just seems so odd to me that I could change the font family, but not the font size, of the same one element.)

Again, thank you!

Re: Thanks!

[av8rmike]

The answer is basically "yes", because the theme's stylesheet calls out the font information in #header-name a, which is a higher specificity than just #header-name. Using "!important" only overrides a rule in the author stylesheet of equal specificity.

Oh, I just noticed that the syntax in your font-family statement is wrong. You need to separate the font names with commas, not semi-colons, because everything after Vivaldi will be ignored. Also, as those are non-standard fonts, you should include a generic font fallback, one of: serif, sans-serif, cursive, monospace, fantasy. So, the whole line would look like this:

font-family: Vivaldi,"Kunstler Script", Heather, "Freehand521 BJ", "French Script MT", "Vladimir Script", "Lucida Calligraphy", cursive;

Re: Thanks!

[studiesinlight]

Thank you very much for sharing this explanation; I appreciate getting to learn more, to understand better for the future.

Thank you also for catching those semi-colons! Gracious, such basic mistakes... :-)