Removing breadcrumbs from Blog page

[powrider686]

Hi there,
I’m trying to remove the breadcrumbs on just my Blog page, and the CSS I am using for every other page on the site doesn’t work for the Blog for some reason. This is the page - https://dylanhbrown.com/mission-journal/

This is the CSS I am using:
.page-id-14 .x-breadcrumb-wrap {
display: none;
}

Can you help me figure out why this isn’t working?

Thank you!

[Prasant]

Hello @powrider686,

Thanks for reaching out.

Please add following CSS under X > Theme Options > CSS:

.blog .x-breadcrumb-wrap {
    display: none !important;
}

Thanks.

[powrider686]

@Prasant

.blog .x-breadcrumb-wrap {
display: none !important;
}

That did the trick, thank you!

Any idea why the page id method wasn’t working?

[thai]

Hi @powrider686,

The blog doesn’t have the page-id in the body class. You should use the .blog instead:

Regards!

[powrider686]

Ah, makes sense that it wasn’t working. Cheers!

[paul.r]

Cheers!