Cabecera de Categorías, quitar o editar

  • estherramos

    (@estherramos)


    hace 2 meses, 2 semanas

    La cabecera que sale en las «categorías» de Woocommerce es demasiado grande. Uso el tema Astra.

    Me gustaría poder editarla y si no se puede, quitarla, porque con «migas de pan», ya me sale el «nombre de la categoría».

    ¿Cómo puedo hacerlo, por favor?

    Muchas gracias.

Viendo 1 respuesta (de un total de 1)
  • Jose Ramón Bernabeu

    (@jrberguill)

    hace 1 mes, 3 semanas

    Hola Esther.

    Para editar o eliminar esta cabecera, tienes dos opciones principales, ambas muy sencillas.

    Opción 1: Usar las opciones del Personalizador de Astra

    Astra ofrece un control muy detallado sobre la apariencia de tu sitio directamente desde el Personalizador de WordPress.

    1. Ve a Apariencia » Personalizar en el menú de tu escritorio de WordPress.
    2. Navega hasta la sección WooCommerce y, dentro de esta, busca Archivo de productos.
    3. Aquí deberías encontrar una opción llamada Título de página de archivo. Puedes desactivar esta opción o ajustar su diseño (si la opción lo permite) para reducir el tamaño de la cabecera. Desactívala si lo que quieres es que no se muestre.
    4. Una vez hechos los cambios, haz clic en el botón de Publicar.

    Esta es la forma más sencilla y recomendada, ya que no requiere tocar ningún código.

    Opción 2: Ocultar la cabecera con código CSS

    Si la primera opción no te funciona o si quieres una solución más específica, puedes ocultar la cabecera usando código CSS. Esto es útil si solo quieres ocultarla en ciertos casos o si prefieres una solución personalizada.

    1. Ve a Apariencia » Personalizar en el escritorio de WordPress.
    2. Haz clic en la pestaña CSS Adicional.
    3. Pega el siguiente fragmento de código:
    .ast-archive-title {
        display: none;
    }

    Este código selecciona la cabecera de la página de archivo de productos (categorías, etiquetas, etc.) y la oculta por completo.

    El selector .ast-archive-title es el más común en el tema Astra, pero si no funciona, puedes usar la herramienta de inspección de tu navegador (clic derecho » Inspeccionar) para encontrar el selector exacto que está usando tu instalación.

    Si el código anterior no funciona, intenta con un selector más específico:

    .woocommerce-archive-header {
    display: none;
}

    Es importante que te asegures de que el selector CSS sea el correcto para tu sitio web.

    Si tienes más preguntas o necesitas ayuda para encontrar el selector CSS correcto, no dudes en consultarme. Y procura indicar la web para la que necesitas la solución, eso facilita dar una respuesta adecuada 🙂

    Saludos.

Viendo 1 respuesta (de un total de 1)

Debes estar registrado para responder a este debate.