How to hide an element in your Invision Community with pure CSS

[Daniel]

We have recently removed the ability to edit the core css templates and are advising now to use the custom.css file, which confused people.
Here are some common solutions 🙂

 

Hiding a link based on the URL

/* Hide Contact Us Link */
a[href="https://communities.management/contact/"]
{
 display: none;
}

Hide a specific headline on the clubs list page

/* Hide the table header on the clubs directory */
body[data-pagecontroller="directory"] h2 {
 display: none;
}

Hide the club homepage menu tab from the club menu

/* Hide Clubs Home page link inside a club */
[data-tab="club_home"]:not(.ui-sortable-handle){
  display:none;
}