Remove breadcrumb from a specific page

[Matteo Russo]

Hey there,

I need to remove the breadcrumb only on a specific custom page which is not the forum but one created by me with Pages. Is this possible? 

 

Thanks 🙂

[bfarber]

There are no options/settings to remove the breadcrumb on individual pages.

[Matteo Russo]

1 hour ago, bfarber said:

There are no options/settings to remove the breadcrumb on individual pages.

Okay, thank you anyway 🙂 

[Meddysong]

19 hours ago, Matteo Russo said:

Hey there,

I need to remove the breadcrumb only on a specific custom page which is not the forum but one created by me with Pages. Is this possible? 

 

Thanks 🙂

You could create a special CSS template which you'll use with that page, and which contains:

#ipsLayout_contentWrapper > nav.ipsBreadcrumb.ipsBreadcrumb_top.ipsFaded_withHover {
  display: none;
}
#ipsLayout_contentWrapper > nav.ipsBreadcrumb.ipsBreadcrumb_bottom.ipsFaded_withHover {
  display: none;
}

When you edit that Page in the ACP, add this CSS file to it using the tab Page Includes.

If you do that, this new CSS template you've created will be used on that Page and so hide your breadcrumbs, but it won't be called on any other pages.

[Matteo Russo]

2 hours ago, Meddysong said:

You could create a special CSS template which you'll use with that page, and which contains:

#ipsLayout_contentWrapper > nav.ipsBreadcrumb.ipsBreadcrumb_top.ipsFaded_withHover {
  display: none;
}
#ipsLayout_contentWrapper > nav.ipsBreadcrumb.ipsBreadcrumb_bottom.ipsFaded_withHover {
  display: none;
}

When you edit that Page in the ACP, add this CSS file to it using the tab Page Includes.

If you do that, this new CSS template you've created will be used on that Page and so hide your breadcrumbs, but it won't be called on any other pages.

Thanks for  the answer! But in my ACP I don't have this tab when I go editing a page. How do I enable it? 🙂

[Meddysong]

I suppose that if you haven't yet created any CSS or JS, the tab logically won't appear. You need to create the file first: Pages -- Templates -- Add CSS. (Or something similar.)

[Matteo Russo]

Amazing! Thank you so much 😄 Worked now. This will be also usefull for other little adjustments 😛