Cómo agregar el icono que falta al módulo acordeón de Divi abierto

Inicio / Blog / Snippets / Cómo agregar el icono que falta al módulo acordeón de Divi abierto

Autor: Jefferson M

Publicación: 22 Mar, 2023

En este tutorial te mostraremos como agregar el icono que falta al módulo acordeón de Divi abierto, problema que solucionaremos con algo de CSS de forma sencilla.

Índice

Antes, los módulos Divi Toggle y Divi Accordion solo mostraban un ícono cuando estaban cerrados. Afortunadamente, Elegant Themes ha agregado selectores de íconos al módulo Alternar para el ícono Abierto y Cerrado, así como al módulo Acordeón para el ícono Cerrado. Sin embargo, todavía falta el ícono de apertura en el módulo Acordeón. En este tutorial, te mostraré cómo agregarlo en solo dos pasos.

Paso 1: Agregar una clase CSS personalizada

Para agregar el ícono de apertura al módulo de acordeón Divi, necesitará agregar una clase CSS personalizada. Esto asegurará que el código afecte solo al módulo específico que desea modificar. Para hacerlo, abra la configuración del módulo Acordeón, vaya a la pestaña Avanzado y agregue la clase “icono-acordeon-divi” en el campo de entrada Clase CSS.

Paso 2: Agregar el fragmento de código CSS

Una vez que haya agregado la clase personalizada, puede copiar y pegar el siguiente fragmento de código CSS en su sitio:

/* agregar icono a acordeon abierto en Divi*/
.icono-acordeon-divi .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
display: block;
content: "\4b";
}

/* Cambiar estilos del icono acordeon de Divi*/
.icono-acordeon-divi .et_pb_toggle_title:before {
content: "\4c";
color: #292929;
  font-size: 20px;
  font-weight: 900;
}

Esto agregará el ícono de apertura al elemento del módulo de acordeón de Divi abierto. Si desea cambiar el ícono por otro, puede hacerlo utilizando los códigos de icono de Elegant Themes, puedes encontrar la lista aquí: https://dividezigns.com/divi-icon-codes/

Finalmente, tenga en cuenta que la configuración de color y tamaño del ícono cerrado también se aplicará al ícono de apertura. Si desea cambiar el color del ícono de apertura, simplemente agregue la propiedad de color deseada al fragmento de código anterior.

Espero que este tutorial haya sido útil para agregar el ícono que falta al elemento del módulo de acordeón Divi abierto. Si tiene algún comentario o pregunta, no dude en dejar un comentario a continuación. Y si desea más tutoriales como este, ¡suscríbase!

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Solicitud de cancelación de suscripción

Aviso importe

🚩 Debes solicitar la cancelación de tu suscripción al menos 24 horas antes de tu renovación, de otro modo, no podremos procesar a tiempo la cancelación antes de tu renovación.

Al cancelar tu suscripción, perderás el acceso a todo esto:

🚩 A más de mil contenidos especializados en el aprendizaje del diseño web
🚩 El soporte personalizado en Divi
🚩 Acceso al grupo de Discord
🚩 Acceso a la descarga de las actualizaciones de los plugins, el contenido y las descargas de nuestro sitio.
🚩 Puntos y rangos obtenidos en la plataforma

✅ Te ofrecemos la opción de pausar tu suscripción 2 o 3 meses y así no perderás el progreso obtenido en la plataforma.

Lamentamos mucho 😩 que tu experiencia en nuestra plataforma no haya sido la mejor. Para poder procesar tu solicitud y hacerla efectiva, necesitaremos que por favor nos envíes lleno este formato. Esto nos ayudará a poder seguir mejorando nuestra propuesta de valor y siendo útil para todos los usuarios.

Solicitud de cancelación

¿Por cuál o cuáles razones deseas cancelar tu suscripción?

¿Qué características mejorarías en nuestra web?

¿Cuál es tu nivel de satisfacción en relación con la calidad del soporte que ofrecemos por diferentes medios? donde 1 es insatisfecho y 5 es satisfecho

¿En esta escala que tanto recomendarías a UXDIVI a un amigo o colega? donde 1 es "no lo recomendaría" y 5 es "Lo recomendaría totalmente"

3 + 5 =


Iniciar Sesión

¿No tienes cuenta? Registrarse

Otros planes

¡Accede a más de 1330 contenidos especializados en Diseño Web con Divi por un solo precio!

Trimestral

Ahorra 6 USD 🔥

$US 18/ Mes

*Pagando US$ 54 cada 3 meses

¿A qué accedes con este plan?

Lifetime

Un solo pago 🔥

$US 499/ Lifetime

*UN SOLO PAGO DE POR VIDA

¿A qué accedes con este plan?

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord
  6. ✅ Descuentos en Templates para Divi