• Resolved Sheila

    (@she97)


    Is it possible to hide a breadcrumbs link on just a particular page? To clarify, I want the breadcrumbs on most of the site, but I would like it NOT to show on just one (for now) certain page. (I saw the post on hiding the “home” link on the homepage, but I am not sure if that applies–or even exactly how I would apply it, if so.) Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You can do it with css, but you may not be familiar. If you have trouble finding the code post a link.

    once you know the selector, you can use:

    .page-id-1

    in front of it so the style only applies to the page with the specified id.

    Thread Starter Sheila

    (@she97)

    Thank you for the quick response. I am only vaguely familiar with css. I have not been able to find the code I need to modify.

    There will be very few pages that I would rather not have the breadcrumbs on. Will those be the ones that I apply the style to? Or are you suggesting listing all of my other pages? (Hopefully not ?? )

    I do not have the actual page posted yet, but this is another page on my site: https://hastenhome.com/about/. If that helps, I should be able to apply the principle to my other page when I get it published. Thanks.

    paste at the bottom of style.css
    just change to the appropriate page id’s.

    .page-id-1 #breadcrumbs {
        display: none;
    
    .page-id-2 #breadcrumbs {
        display: none;
    
    .page-id-2 #breadcrumbs {
        display: none;
    }

    there’s probably a more compact way to write it, but it should work.

    Thread Starter Sheila

    (@she97)

    Worked perfectly! Thank you so much. ??

    great to hear. I understand sometime css is not the best way to go as it involves more processing. Alternately you could find the breadcrumb tag in your template and use php conditionals to cancel the code on given pages.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Hide breadcrumbs on single page’ is closed to new replies.