CSS font-size problem in WP is making my blood boil.

Discussion in 'Web Design and Development' started by dopey220, May 9, 2012.

  1. dopey220 macrumors 6502

    dopey220

    Joined:
    Jul 19, 2006
    #1
    Okay. So.

    I've got a custom WordPress theme I've built from scratch in Coda. I can't get the h2 tag to change sizes. I know I'm selecting it correctly because I can change anything else about it (font-family, color, et cetera). There are no styles in the HTML; they're all stored in style.css. Even when I use Webkit's built-in developer tools to debug, they all say the computed style is 24px, 02px, 1,000,000,000px, whatever I set it to. The size of the block changes to accommodate the smaller or larger text, But the text never actually DISPLAYS that way on the page. This is just in the content area where posts are displayed; I'm not having any trouble changing the size of the H3 tags in the sidebar.

    Here's a link to the test install. The problematic h2 has an ugly fuschia background and is currently set at font-size: 150px;.

    http://glueeater.com/wptest

    I'm about ready to go on a killing spree. Any suggestions?

    (I mean on solving my problems, not the killing spree.)

    Thanks, folks.
     
  2. elppa macrumors 68040

    elppa

    Joined:
    Nov 26, 2003
    #2
    To prevent you from your killing spree, your problem is that the text is inside a link, which is inside the h2.

    Code:
    #mainAreaContainer #content a {font-size: 14px;} 
    So you need:

    Code:
    #mainAreaContainer #content h2.title a {font-size: 36px;} 
     
  3. dopey220 thread starter macrumors 6502

    dopey220

    Joined:
    Jul 19, 2006
    #3
    OMFG. I'm so dumb. Thanks a lot. I owe you a beer.
     

Share This Page