Teasers: Since node teaser titles are h2's, maybe the h2's in the teaser body should be sized as h3's. This would waterfall down for the remaining header sizes. This will avoid having an h2 in the teaser body be the same size as the h2 teaser title. Mark approves.

Currently line 164 of typography.css says h3's are font-size:1.33333em; node teaser h2's should be the same.

Comments

aaron stanush’s picture

aaron stanush commented
Assigned: Unassigned » aaron stanush
Status: Active » Fixed

Looks like this has already been fixed in styles.css

    #content .node h2.node-title,
    #aggregator .feed-item-title {
      margin-bottom: .25em;
      font-size: 1.333333em;  /*  1.333 * 12px = 16px */
      color: #555; 
      }

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

ceardach’s picture

ceardach commented
Status: Closed (fixed) » Active

Teasers (as seen within "/node") have their h2's sized at 1.58333em, which is the same size as h2's in node view. The h2.node-title, however, is set at 1.33333em (an h3 equivalent) which causes a teaser's h2 to be a larger size than its node's title.

In order to waterfall down the headers within a teaser, an h2 would have to be an h4 equivalent, 1em.

lisarex’s picture

lisarex commented
Project: Drupal.org infrastructure » Bluecheese
Component: Drupal.org theme » Code
Issue tags: -drupal.org redesign

Moving to the Blue Cheese project.

aaron stanush’s picture

aaron stanush commented
Status: Active » Closed (duplicate)

I think this speaks to the larger issue of "what is the proper hierarchy and use of all header tags on the site?" which is addressed in #427960: Homepage: decide the hierarchy of the header tags

Let's continue the discussion there.