Remove breadcrumbs from all pages except blog

[dbrinda]

I found this code in other threads, but it still shows a gap and line:

.x-breadcrumbs {
display: none; }

How can I completely remove a breadcrumb from non-blog pages?

[jade]

Hi there,

Please try this code instead:

.x-breadcrumb-wrap {
    display: none;
}

.blog .x-breadcrumb-wrap,
.single-post .x-breadcrumb-wrap {
    display: block;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.