Widget - How To Remove an Element using Custom CSS

Go to the Custom CSS area (Settings > Widgets > Custom CSS): Guide

Add the following CSS rules in your custom CSS area:

For Passes:

Remove “passes” label:

.bs-pass-page__payment__pack__list__title { 
  display: none;
}

Remove “appointment passes” label:

.bs-pass-page__private__pass__list__title {
  display: none;
}

Remove validity from cards:

div[id*="bsport-widget"] [class*="card__validity__content"] {
  display: none;
}

For Subscriptions:

Remove search bar:

.bs-contract-page__pass__filters__search__container {
  display: none;
}

Remove invoices from cards:

.bs-contract-card__planned-invoices {
  display: none;
}

For Calendar:

Remove search bar and all filters:

.bs-marketplace-filters__list { 	
  display: none;
}

Remove search bar:

.bs-calendar-search__container {
 display: none;
}

Remove activity filter:

#bs-marketplace-calendar-filters__activity { 	
  display: none;
}

Remove level filter:

#bs-marketplace-calendar-filters__level {
  display: none;
}

Remove teacher filter:

#bs-marketplace-calendar-filters__coach {
  display: none;
}

Remove establishment filter:

#bs-marketplace-calendar-filters__establishment {
  display: none;
}

Remove map from the activity modal:

.bs-activity__middle__top__map {
  display: none;
}