Closed (fixed)
Project:
Zen
Version:
5.x-1.x-dev
Component:
Code
Priority:
Normal
Category:
Bug report
Assigned:
Unassigned
Reporter:
Created:
9 Oct 2007 at 22:18 UTC
Updated:
25 Oct 2007 at 13:51 UTC
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) commented