Auto-size Site Title text to fill fixed size container

[jackirt]

Hey there,

I'm working on a theme that features a sticky left sidebar, with the Site Title area directly above it. The width of both the sidebar and Site Title area are 290px.

My current site title is short (Felicis) and the size of the font is currently set to 50px. I'm wondering though, if there is a way to auto-resize the site title text to fit the set container, depending on how many characters are in the site title. (For example, my theme's name is "Felicis" at 50px, but if I changed it to "Felicis Test Theme" the font would auto resize to 32px to fit into the 290px container)

I've seen a little bit of code floating around, but I'm not sure how to target it only at the site title. If anyone has any thoughts or can point me in the right direction, it would be greatly appreciated!

Jaclyn

[Brad Dalton]

What code are you referring to?

---

Tutorials for StudioPress Themes.

[jackirt]

Hi Brad,

Just code that came up from a quick google search. Stuff like this:

http://wordpress.stackexchange.com/questions/55509/automatically-decrease-font-size-for-long-words

http://stackoverflow.com/questions/687998/auto-size-dynamic-text-to-fill-fixed-size-container

I'm not that experienced with jQuery, and maybe these hold my answer, but I'd like to target only the Site Title text, nothing else.

Jaclyn

[Author]

Posts