Mystery padding at top and bottom of content area

  • Resolved shortblondeguy

    (@shortblondeguy)


    5 years, 9 months ago

    I’ll supply screenshots momentarily, but I’ve been trying to control the extra space above the post title and below the date and tags.

    I’ve figured out it’s part of the content area and something with .hentry but no matter what and how I try I can’t change it.

    I can use the inspector on my browser and disable this padding: 6em thing but can’t find where it is anywhere to make a permanent change.

    This padding also appears on all pages as they are also content subject to this secretive padding. (My home page is also a page itself with the masonry gallery.)

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter shortblondeguy

    (@shortblondeguy)

    This link shows me using the inspector on the areas at the top and bottom of content in green.
    https://shortblondeguy.com/dump/

    The code I hovered over on the About page is:
    <article class="post-2144 page type-page status-publish hentry" id="post-2144">

    The code I hovered over for the Clergy Ghia post is:
    <article class="post-8253 post type-post status-publish format-image has-post-thumbnail hentry category-austin category-photography category-prints category-texas tag-car tag-classic tag-karmann-ghia post_format-post-format-image" id="post-8253">

    Howdy –

    This was a tricky one! Thanks for sharing those screen shots. Try adding this CSS:

    @media screen and (min-width: 80em)
    .hentry {
    padding: 1em;
    }

    You’ll see that the padding: 1em greatly reduces that header space and the extra space at the bottom of the content area. The original CSS is padding: 6em.

    Let me know what you think or if more help is needed.

    Thread Starter shortblondeguy

    (@shortblondeguy)

    Ok I tried that.

    I didn’t have luck with the @media screen and (min-width: 80em) but when I added .hentry to Edit CSS, it worked.

    So there’s that!

    Thread Starter shortblondeguy

    (@shortblondeguy)

    I can get rid of that Dump page I made now! hahaha

    Thanks for the help! Hopefully this sticks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mystery padding at top and bottom of content area’ is closed to new replies.