?

Log in

No account? Create an account

Previous Entry | Next Entry

Font Size for #header-name (Solved!)

  • Feb. 11th, 2012 at 4:20 PM
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!

The CSS:
#header-name {
text-align:center;
margin-top:25px;
font-size:50px;
font-family:Vivaldi;"Kunstler Script";Heather;"Freehand521 BJ";"French Script MT";"Vladimir Script";"Lucida Calligraphy";
}


Context: Permanent Account, PC, IE9.

I've been unable to find this question answered in previous community posts by tag; please forgive me and point me in the right direction if I've missed it.

Comments

( 4 comments — Leave a comment )
av8rmike
Feb. 12th, 2012 01:49 pm (UTC)
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";
}
studiesinlight
Feb. 12th, 2012 07:36 pm (UTC)
Thanks!
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!
av8rmike
Feb. 13th, 2012 02:33 pm (UTC)
Re: Thanks!
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;
studiesinlight
Feb. 13th, 2012 05:42 pm (UTC)
Re: Thanks!
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... :-)
( 4 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars