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.