Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
I can't tell if this is by design or a bug....
In h2 and h3 elements, link text is bigger than plain text. This is because the relative font-size rule counts twice for the a elements.
The problem is at line 137:
h2, h2 a, h2 a:hover, .block h3, .block h3 a {
font-size: 122%;
color: #444;
font-family: Arial, Helvetica, sans-serif;
margin:.5em 0 .5em 0;
}
An A in an H2 gets the 122% rule applied twice, and because it's relative, you get 122% x 122%. Text that's not in the link only gets the rule once so is smaller.
The solution (assuming this is a bug) is to move the font-size property to another selector that covers only the plain headings:
h2, h2 a, h2 a:hover, .block h3, .block h3 a {
color: #444;
font-family: Arial, Helvetica, sans-serif;
margin:.5em 0 .5em 0;
}
h2, .block h3 {
font-size: 122%;
}
Comments
Comment #1
JohnAlbinThis was also happening with the declarations for "h1.title a", "h1 a", and ".comment h3.title a"
Comment #2
(not verified) CreditAttribution: commented