Viewing 15 replies - 1 through 15 (of 18 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter Stephen

    (@everandoak)

    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…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    #sidebar-header {
     display: none;
    }

    Thread Starter Stephen

    (@everandoak)

    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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    .widget_recent_entries,
    .widget_recent_comments {
     display: none;
    }

    Thread Starter Stephen

    (@everandoak)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Okay, how about this instead;

    header #archives-2,
    header #categories-2,
    header #meta-2 {
     display: none;
    }

    Thread Starter Stephen

    (@everandoak)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter Stephen

    (@everandoak)

    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!!!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter Stephen

    (@everandoak)

    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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    #sidebar-header {
     width: auto;
    }

    Thread Starter Stephen

    (@everandoak)

    Awesome! Thanks for all of your help today!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘"Recent Posts" and "Recent Comments" showing up in header??’ is closed to new replies.