Controlling size of Post Title white space in Twenty Twelve

  • greggviro

    (@greggviro)


    10 years, 10 months ago

    Hi,
    I want to reduce the space between the post title and the post content in twenty twelve.
    I’m using a child theme of Twenty Twelve, its separate style sheet is working fine.

    I am using browser developer tools (in chrome and firefox) and am able to adjust the CSS for <header class="entry-header">, which is defaulting to 960px width x 74px height.
    By making the default px/rem sizes into the negative, I am able to get the style I want.

    I noticed in test posts that this space was not consistent from one post to the next! So I want to know if there Is a way to do this more permanently?

    Thanks

Viewing 9 replies - 1 through 9 (of 9 total)
  • esmi

    (@esmi)

    10 years, 10 months ago

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    Thread Starter greggviro

    (@greggviro)

    10 years, 10 months ago

    Thanks, but I am, as stated.

    WPyogi

    (@wpyogi)

    10 years, 10 months ago

    It’s impossible to help with CSS without seeing your site live.

    Thread Starter greggviro

    (@greggviro)

    10 years, 10 months ago

    I’m developing it locally.

    Thread Starter greggviro

    (@greggviro)

    10 years, 10 months ago

    Another strange thing is that <header class="entry-header> is only attached to the First Post, subsequent, more recent ones do not have this tag; they are given the <article> tag with postX id and class (so, post71, post72). On these, I can’t drill into the entry header at all.

    And in fact, tweeking those parameters caused the other post summaries to get pushed too far up into the title.

    Could this all be connected to the <more> shortcode I’m using from the WP post editor?

    WPyogi

    (@wpyogi)

    10 years, 10 months ago

    That makes it quite difficult…Firebug is your best friend in that case.

    On a test site, the extra space is margins here:

    .entry-header {
    margin-bottom: 1.71429rem;
}

    Might also be related to the comments link –

    .entry-header .comments-link {
    color: #757575;
    font-size: 0.928571rem;
    line-height: 1.84615;
    margin-top: 1.71429rem;
}

    WPyogi

    (@wpyogi)

    10 years, 10 months ago

    Cross-posted with your last post…do you have these issues in the unedited parent theme? Have you checked for validation errors?

    Thread Starter greggviro

    (@greggviro)

    10 years, 10 months ago

    Same deal on the parent theme.

    I haven’t checked validation.

    Thread Starter greggviro

    (@greggviro)

    10 years, 10 months ago

    Resolved! I deleted the post that was anomalous, repopulated the fields and updated. Perhaps it was related to some images that I had included earlier?

    Thanks everyone.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Controlling size of Post Title white space in Twenty Twelve’ is closed to new replies.