WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard
"Recent Posts" and "Recent Comments" showing up in header?? (19 posts)

  1. Stephen
    Member
    Posted 1 year ago #

    I'm setting up a new site with the Pinboard theme, and I have "Recent Posts" and "Recent Comments" showing up - a bit cropped - in my header bar. Could anyone help me to remove them?

    Here's the very beginning of this site:
    http://everandoak.com/woods/site/?page_id=10

    Thanks!

    - Douglas

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Does that theme come with a section in the dashboard named, "Custom CSS", "Custom Styles" or "Jetpack", or are you using a Child Theme?

  3. Stephen
    Member
    Posted 1 year ago #

    Jetpack, yes. There's also a space for custom CSS under "Appearance > Theme Options > Layout." I'm not using a child theme (or at least I don't believe I am!) - I just installed this one clean today, activated it, and started running...

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    In Jetpack's Custom CSS section of the dashboard, enter this;

    #sidebar-header {
     display: none;
    }
  5. Stephen
    Member
    Posted 1 year ago #

    That cleared out the text! However, it also cleared out the theme's search box that should appear in the header. Is there any way to remove one and not the other?

    Thanks again!

    - Douglas

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Whoopsies, we can amend that.
    Instead of that code I recommended, try this;

    .widget_recent_entries,
    .widget_recent_comments {
     display: none;
    }
  7. Stephen
    Member
    Posted 1 year ago #

    Nope = that brought it all back! It doesn't need to still reference the header?

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    Okay, how about this instead;

    header #archives-2,
    header #categories-2,
    header #meta-2 {
     display: none;
    }
  9. Stephen
    Member
    Posted 1 year ago #

    Still no change... Thanks so much for trying to tweak this over and over!

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    I'm getting confused here, I swear the page keeps changing its structure after I recommend CSS.

    1 second

    Edit: How about this CSS instead;

    #sidebar-header aside {
     display: none;
    }
    
    #sidebar-header aside:first-child {
     display: block;
    }
  11. Stephen
    Member
    Posted 1 year ago #

    That seems to have worked! Do you know why there might be so much whitespace in the header now though? I thought with the removal of that extranneous junk it would collapse a bit - the logo is a thin horizontal image. Why is it being padded out so much?

    Thanks again for all of your help!!!

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    There's so much white space in the header because of these two divs;

    <div id="sidebar-header" class="widget-area" role="complementary">

    (screenshot http://snag.gy/Ltni2.jpg )

    and

    <div id="site-title">

    (screenshot http://snag.gy/BFP7z.jpg )

    You can explore this too using a browser developer tool like the one built-in to Chrome.

  13. Stephen
    Member
    Posted 1 year ago #

    I apologize for my ignorance - but how do I modify that to collapse to a narrow bar as seen in the theme's sample screengrab?

  14. Andrew
    Forum Moderator
    Posted 1 year ago #

    Reduce the width on your #sidebar-header element;
    E.g use this

    #sidebar-header {
     width: auto;
    }
  15. Stephen
    Member
    Posted 1 year ago #

    Awesome! Thanks for all of your help today!

  16. Andrew
    Forum Moderator
    Posted 1 year ago #

    And Thanks for contributing to the WordPress.org community! Really, this thread will help a lot of people with the same issue.

  17. Stephen
    Member
    Posted 1 year ago #

  18. anthonysallows
    Member
    Posted 11 months ago #

    everandoak, I noticed that your search button is a bit cropped in your sidebar. Try entering this into the Theme Options > Layout > Custom CSS
    It just lets the sidebar be 5px taller.

    #sidebar-header {
    float: right;
    width: 728px;
    height: 95px;
    margin: 15px 0;
    overflow: hidden;
    }
  19. Marekant
    Member
    Posted 9 months ago #

    Thanks Andrew. It has helped me.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic