[kvnxParticipant]

Hi there,

I’m having some difficulties customizing my blog index using the Ethos Stack. The blog is setup as a news page rather than directly on the home page.

The first issue is the side bar – it is not showing up. I have created a sidebar called “Blog Sidebar” and it is set to be enabled for “Blog Display” within Appearance > Sidebars. This sidebar has also been populated with some widgets to ensure it has content to show.

Within Appearance > Customize > Blog, the blog and archive pages are set to “Standard” style and “Fullwidth” layout.

The “News” page, which is the blog index, has been set as the “Posts Page”.

However, having done all this, the sidebar still does not appear on the blog index (/news) page.

The second issue with the news page is that “Body CSS Class(es)” field is being ignored. I have entered a custom CSS class on the news page (“page-news”), however, for some reason, this class name is not being applied to the body tag. I do see a .blog class attached to the body tag on the news page, but not the custom .page-news class.

[kvnxParticipant]

This reply has been marked as private.

[kvnxParticipant]

Sorry to bother you with this, I was able to figure out the missing sidebar. The global “Content Layout” under Appearance > Customize > Layout and Design was set to Fullwidth rather than including a sidebar. Similarly, switching the blog layout from Fullwidth solved the issue.

I am still having trouble with the second issue though – I cannot get the custom CSS class to be applied to the blog index page.

[RupokMember]

Hi there,

Thanks for writing in! Body class will not work on the Blog Index page as it will use the special tempalte. You can utilize .blog class if you need to add custom CSS for this page.

Hope this helps.

Cheers!

[Author]

Posts