Avisos
Vaciar todo

Acordeon descripcion categorias woocomerce  

 
Jose
 Jose
Usuario experto

Buenos días. Actualmente estoy usando un código html de acordeón para meter el grueso de los textos en las categorías. Me gustaría hacerlo que destaque un poco mas añadiéndole un recuadro al despegable de los títulos. Adjunto imagen de lo que busco:

acordeon

 

 

El html que estoy usando actualmente es este y lo pego en la descripción de la categoría:

<div class="wp-block-genesis-blocks-gb-accordion gb-block-accordion"><details><summary class="gb-accordion-title">Titulo del acordeón<br/></summary><div class="gb-accordion-text"><!-- wp:paragraph -->
<p>Descripción del acordeón</p>
<!-- /wp:paragraph --></div></details></div>

Contenido solo visible a usuarios registrados

Citar
Respondido : 05/12/2022 10:05 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Jose, 

En este caso puedes probar si el siguiente código CSS te permite mostrar los acordeones con la apariencia que necesitas

.gb-accordion-title {
border: 1px solid var(--ast-global-color-3);
padding: 10px;
margin-bottom: 2px;
}

Este código debes añadirlo en el apartado de Apariencia → Personalizar → CSS Adicional

Verifica si con él logras añadir lo que necesitas

Un Saludo 

ResponderCitar
Respondido : 05/12/2022 12:40 pm

Cursos Gratuitos WordPress

Jose
 Jose
Usuario experto

@karen Muchas gracias Karen. Probare a ver que tal. Un saludo

ResponderCitar
Respondido : 07/12/2022 11:44 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Kose.

Ok dejo el hilo abierto por si necesitas retomarlo.

 

Un saludo

ResponderCitar
Respondido : 07/12/2022 11:51 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación