Ir al contenido principal

Widget - Cómo eliminar un elemento con CSS personalizado

No necesitas ser desarrollador. Aprende a ocultar títulos de página y otros elementos con sencillos fragmentos de CSS.

  1. Ve al área de CSS personalizado (Ajustes > Widgets > CSS personalizado): Guía

    1. Añade las siguientes reglas CSS en tu área de CSS personalizado:

      Para Bonos:

      Eliminar la etiqueta "bonos":

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


      Eliminar la etiqueta "bonos de cita":

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


      Eliminar la validez de las tarjetas:

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


      Para Suscripciones:

      Eliminar la barra de búsqueda:

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


      Eliminar las facturas de las tarjetas:

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


      Para Calendario:

      Eliminar la barra de búsqueda y todos los filtros:

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


      Eliminar la barra de búsqueda:

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


      Eliminar el filtro de actividad:

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


      Eliminar el filtro de nivel:

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


      Eliminar el filtro de profesor:

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

      Eliminar el filtro de establecimiento:

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


      Eliminar el mapa del modal de actividad:

      .bs-activity__middle__top__map {
      display: none;
      }

  2. Haz clic en Guardar

    Los cambios se aplicarán al instante

¿Ha quedado contestada tu pregunta?