Weird issue with the font-size

  • Author
    Posts
  • #774922

    pixelcounter
    Member

    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 pixelcounterrr.com.

    #775017

    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;
    }
    #775019

    pixelcounter
    Member

    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?

    #775034

    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;
    }
    #775042

    pixelcounter
    Member

    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

    #775054

    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.