exclude certain pages from breadcrumbs

This will remove all breadcrumbs:

.breadcrumbs {
display: none;
}

If you identify the page to suppress (eg F12 to inspect code), then add .page-id-n in front. So end result should look something like:

.page-id-1 .breadcrumbs,
.page-id-5 .breadcrumbs,
.page-id-9 .breadcrumbs {
display: none;
}

Thank you and I’ll attempt it right now.

Can I effect those changes from within the Customizr admin panel. The install of this particular is an experimentation area and I haven’t bothered to create a child theme. It’s expendible.

Do I need to add this css into the admin, where it’s not giving me the expected results, or within one of the chosen theme skins at wp-content/themes/customizr/inc/css/some-color.css

Using below css, within the Customizr admin panel,I was able to remove all breadcrumbs.

[ Moderator note: please wrap code in backticks or use the code button. ]

.breadcrumbs {
display: none;
}

Adding below,css within the Customizr admin panel, did not remove those specific page. I’ll try again.

.page-id-18 .breadcrumbs,
.page-id-22 .breadcrumbs, {
display: none;
}

Thank you for responding so quickly.

.page-id-22 .breadcrumbs, {

Remove the comma in that line.

Sorry to be remedial.

Here’s what I added to the admin css and it’s still not working:

[ Moderator note: please wrap code in backticks or use the code button. ]

.page-id-33 .breadcrumbs {
display: none; }

I am using Customizr ver 3.0.15

I’ll clear the cache in Chrome

Good idea. Link to site would help

This page https://seattlewaterfilter.info/water-filter-systems/countertop/aquaversa-counter-top-water-filter/ shows the breadcrumbs. Thank you.

No breadcrumbs showing in my Firefox 25.0.1.

Did you refresh your browser? Clear your cache?

The link to the page you provided has the ID 30 so try this

.page-id-30 .breadcrumbs {
    display: none;
}

Right now you’ve hidden breadcrumbs for your entire site.

Here’s the code from a view source with no css changes effected by me:

[ Moderator note: please wrap code in backticks or use the code button. ]

<div class="tc-hot-crumble container" role="navigation">
	        	          <div class="row">
	            <div class="span12">
	            <div class="breadcrumb-trail breadcrumbs" itemprop="breadcrumb"><span class="trail-begin"><a href="https://seattlewaterfilter.info" title="MultiPure Filters" rel="home">Home</a></span> <span class="sep">?</span> <a href="https://seattlewaterfilter.info/water-filter-systems/" title="Water Filter Systems">Water Filter Systems</a> <span class="sep">?</span> <a href="https://seattlewaterfilter.info/water-filter-systems/countertop/" title="Countertop">Countertop</a> <span class="sep">?</span> <span class="trail-end">Aquaversa</span></div>	            </div>
	          </div>
	        </div>

Where did you add that CSS? I don’t see anything in your CSS file.

No css has been modified at this point. When I did modify the css earlier it was through the Customizr admin panel.

It’s impossible to help unless we can see what isn’t working. Try putting this in your child theme style.css file:

.page-id-30 .breadcrumbs {
    display: none;
}

ok it has been added through the admin panel