Hi everyone,
Our education team shares content in a dedicated section of the Hub and they are interested in changing certain aspects of the layout for their content.
They asked if the following is possible (only in their section/categories not the entire community):
If anyone has insight, I would love to know. Thanks in advance :)
Best answer by jvdc
Actually, if you don't want to play with scripts, I saw that you can actually achieve this with CSS:
body.twig_page-topic.category-163 .widget--related-topics, body.twig_page-topic.category-163 .breadcrumb-container {
display: none;
}So you can remove the previous script and add the snippet above into your custom CSS. It's removing the breadcrumb and related topics on the article page view only. If you want that removed also in the category viewpage then you can remove ".twig_page-topic” twice
Yeah you probably could achieve it with a 3rd party script. Detect that you’re in that community category and then hide() the navigation and related topics.
Something like this should work, where [CATEGORY PART OF URL] should be the part of the URL that is your category name + id
<script>
(function() {
const pathname = window.location.pathname;
if (pathname.includes('/[CATEGORY PART OF URL] ')) {
const style = document.createElement('style');
style.innerHTML = `
.widget--related-topics,
.breadcrumb-container {
display: none !important;
}
`;
document.head.appendChild(style);
}
})();
</script>
Hi
Hey I've written a more simple version that includes your community category
<script>
$(function () {
if (location.pathname.includes('/onboarding-for-veeam-data-platform-163')) {
$('.widget--related-topics, .breadcrumb-container').hide();
}
});
</script>
Hey
But it looks like you're inserting this in your CSS. It should be in your 3rd party scripts. You can insert it before the </body> tag (3rd option)
By the way it will also remove it the breadcrumb from the category overview. We can adjust it if you'd like to keep the breadcrumb in the category overview….
ahh my mistake! thanks for correcting.
I added it to the body. it got rid of the navigation at the top (thank you!) but related topics still stuck. see images and page: https://community.veeam.com/onboarding-for-veeam-data-platform-163/onboarding-for-veeam-backup-for-microsoft-365-step-2-1-backup-architecture-10057
Hey when i click on your link, the related topics are gone for me
Actually, if you don't want to play with scripts, I saw that you can actually achieve this with CSS:
body.twig_page-topic.category-163 .widget--related-topics, body.twig_page-topic.category-163 .breadcrumb-container {
display: none;
}So you can remove the previous script and add the snippet above into your custom CSS. It's removing the breadcrumb and related topics on the article page view only. If you want that removed also in the category viewpage then you can remove ".twig_page-topic” twice
amazing!! thank you
If you ever had a profile with us, there's no need to create another one.
Don't worry if your email address has since changed, or you can't remember your login, just let us know at community@gainsight.com and we'll help you get started from where you left.
Else, please continue with the registration below.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.