Weird issue with the font-size
-
Hi, does anyone know why does the font change in size when viewing the post in a single mode? It seems to grow at least one point and thus breaks the consistency of the layout.
Here’s an example: http://pixelcounterrr.com/2011/11/27/perfect-licene/ and then compare the font to the homepage font http://pixelcounterrr.com
Really bizarre problem to which I haven’t found yet an solution.
Thanks!
-Topi
The blog I need help with is: (visible only to logged in users)
-
Single post content “p” font size set here.
.widecolumn .entry p { font-size: 1.05em; }Main page content “p” font size set here.
#content { font-size: 1.2em; } -
Thanks for the reply,
I tried to change the values to match each other but it seemed to have no effect whatsoever.
Perhaps the built-in font-editor is overriding the css or something?
-
Add the “!important” attribute to each and see if that fixes it.
.widecolumn .entry p { font-size: 1.05em !important; } #content { font-size: 1.2em !important; } -
Yes sir, that did the trick!
I have, though, no idea how those different measures (1.05em / 1.2em) can result in equal font sizes, but I can live with that :)
Thanks again,
Topi
-
em units are in relationship to a size declaration in a parent element (sort of like using a percentage). Two different parent elements, two different font sizes declared in those parent elements, thus two different results.
- The topic ‘Weird issue with the font-size’ is closed to new replies.