Blog sections on Ethos - not visible

[davidsonea]

Hi there.
I’m setting up my blog using the Ethos stack, but the sections e.g. “Recent posts” sections are barely visible.
I’m not sure if this is the background colour that is overriding it, but not sure how I change this specifically in the Blog.
Here it is live at the moment: https://eddavidson.com/blog/
Thanks
Ed Davidson

[thai]

Hi Ed,

To fix this issue, please add the following CSS under Theme Options > CSS:

body.page-id-206 .x-main .h-widget, 
body.page-id-206 .x-sidebar .h-widget,
body.home .x-main .h-widget, 
body.home .x-sidebar .h-widget {
    color: #000;
    border-color: #000;
}

Hope it helps

[davidsonea]

Thanks @thai. That has worked for https://eddavidson.com/blog/ but not for a test blog post:
https://eddavidson.com/test-blog-post/
With my logo positioning, the search functionality on the lefthand navigation of this test blog page also seems to be obscured.

[jade]

Hey Ed,

Please update the code to:

body.single-post .x-main .h-widget, 
body.single-post .x-sidebar .h-widget,
body.page-id-206 .x-main .h-widget, 
body.page-id-206 .x-sidebar .h-widget,
body.home .x-main .h-widget, 
body.home .x-sidebar .h-widget {
    color: #000;
    border-color: #000;
}

Hope this helps.

[davidsonea]

That worked, thanks @jade.
What about removing the search bar under my logo, as this is obscured at the moment?

[nabeel]

Hey Ed,

To remove the search widget from your sidebar simply go to Appearance > Widgets and remove the Search widget from your main sidebar (see screenshot)

Hope this helps!