Support » Theme: Responsive » CSS h1-h5 issue after upgrade

  • Hi — I just upgraded our dev site to the latest version of Responsive, and it blew out my header tags. I built a child theme and stuck to strictly editing the style.css file in the child, but the upgrade still changes my h1-h5 tags. Compare these:

    The new version:

    The old version:

    You’ll see that the upgraded version (.info) has very big headlines which also causes problems in some widget areas. I haven’t yet found where in the CSS the tags changed, but I’m hoping you can tell me where the CSS tags changed so I could override them and get back to our original look.

    If anyone else has had this problem and fixed it, I’d love to hear about how you did it. I’m flummoxed and frustrated and am eager to get this straightened out before I roll out the update to our live site.



Viewing 3 replies - 1 through 3 (of 3 total)
  • It looks like it’s coming from the default stylesheet for the theme (not your child theme css) in the .info version of your site.

    Starting at line 1117:

    h1 {
    font-size: 2.625em; /* = 42px */
    margin-bottom: .5em;
    margin-top: .5em;

    That isn’t in the default css for the theme (.org version).

    If you’re using Firefox as your browser try downloading Firebug, it’s a great way to see what styles are affecting which bits. It’s easy to use too.

    I hope this helps!

    Thanks for the quick reply!

    I guess my question is about why it borked so badly when I upgraded the theme — did Responsive really change the values for h1-h5 in an update?

    Anyhow, thanks again — I’ll go code in sizes for all my headers and colophon text and so on and see what happens. Have a great day!




    Forum Moderator

    Try asking on the theme’s dedicated forum:
    You may get a faster & more informed response there.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS h1-h5 issue after upgrade’ is closed to new replies.