Need to hide breadcrumbs on only the KB page

  • Resolved bguerrero12

    (@bguerrero12)


    1 year, 4 months ago

    I want to hide the breadcrumbs on only the KB page set under Settings > General > KB page.

    I have the KB page set to my home page and tried this by using the page’s ID in custom CSS:

    .page-id-7794 .bpress-crumbs {
     visibility: hidden;
}

    The home page / KB page page’s ID is 7794 but it is not hiding the breadcrumbs from the theme.

    If I remove the page id part and do this it actually hides the breadcrumbs on all pages:

    .bpress-crumbs {
     visibility: hidden;
}

    Any idea anyone? Thank you.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author BasePress

    (@codesavory)

    1 year, 4 months ago

    I tried looking into this to find a homepage specific class for breadcrumb. But couldn’t find it.

    The only solution I could think of is to add !important to the first solution you tried and see what happens. i.e.

    .page-id-7794 .bpress-crumbs {
     visibility: hidden!important;
}

    This is not an ideal solution as we are targeting a unique page ID but this should most probably work.

    Thread Starter bguerrero12

    (@bguerrero12)

    1 year, 4 months ago

    @codesavory

    Thank you for the suggestion. I tried it and unfortunately it did not work.

    I am wondering if it has to due with the fact that the home page doesn’t contain any editable content (like articles) since it is designated as the KB home page.

    If I attempt this on a KB article page with the post ID, it works and removes the breadcrumbs from that page only. So for example:

    .postid-9870 .bpress-crumbs {
     visibility: hidden !important;
}

    Just can’t get it to work on the KB home page.

    Curious if there happens to be a page ID for the KB home page in BasePress?

    • This reply was modified 1 year, 4 months ago by bguerrero12.
    • This reply was modified 1 year, 4 months ago by bguerrero12.
    Plugin Author BasePress

    (@codesavory)

    1 year, 4 months ago

    What needs to be done here is that the main page where this KB is embedded, needs to have a unique page ID or class from where we can target the CSS class of the breadcrumb.

    We have tried this with numeric page and post ID which may work but I would need exact URL of your site where this knowledge base is in place. Can’t really help further on this without that.

    Thread Starter bguerrero12

    (@bguerrero12)

    1 year, 4 months ago

    @codesavory

    Here it is: https://at.csudh.edu/canvas/

    Appreciate your assistance.

    Plugin Author BasePress

    (@codesavory)

    1 year, 4 months ago

    I couldn’t find a page specific class here. But if you can find a way to add a unique class to this page, it could work. For example..

    • Edit the page where basepress is embedded
    • Create a div with unique class for example <div id=”basepress-home”> place basepress tag here </div>
    • Then target the breadcrumb using this class.

    If you still need help, you may have to contact a frontend expert for this.

    Hope it helps. Thanks

    Thread Starter bguerrero12

    (@bguerrero12)

    1 year, 4 months ago

    @codesavory

    I was able to resolve this by finding a unique class in the body of the home page. I used this and it worked:

    .term-482 ul.bpress-crumbs {
     visibility: hidden !important;
}

    Thank you for your help!

    Plugin Author BasePress

    (@codesavory)

    1 year, 4 months ago

    Yay! Finally.

    If you liked our plugin and support, please consider adding a genuine review here. It would help my small business.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Need to hide breadcrumbs on only the KB page’ is closed to new replies.