Flatsome tips | ¿Cómo cambiar o personalizar los acordeones?

Flatsome es una plantilla muy dinámica que nos permite hacer maravillas de una forma sencilla y rápida. Hoy veremos como cambiar el diseño de los acordeones.

Lo primero que haremos es cambiar el toggle, en lugar de la clásica flecha pondremos un “+” y “-” y luego cambiaremos el diseño del acordeón: color, fondo, tipografía, etc.

Puedes aplicar los cambios desde dos rutas:

  1. Apariencia > Editor de archivos de temas > Flatsome Child > style.css
  2. Personalizar > CSS adicional
/*ACCORDIONES*/

.toggle i {
    color: #FF4C3E;
    font-size: 1.2em;
    top: -6px;
    font-weight: bold !important;
}

.accordion-title .icon-angle-down:before {
    content: "+";
}

.accordion-title.active .icon-angle-down:before {
    content: "-";
}

a.accordion-title.plain {
	line-height: 1.25rem;
  font-size: 16px;
  color: #FF4C3E;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-color: #ffdde2;
  border-style: solid;
	letter-spacing: 2px;
}

a.accordion-title.plain.active {
	background-color: #ffdde2;
	font-size: 13px;
}

Deja una respuesta

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