Elementor permite realizar muchas personalizaciones, así que primero consulta allí, pero a veces puede ser necesario usar CSS personalizado o incluso HTML para realizar cambios muy específicos.

La forma más sencilla de cambiar el CSS es a través del Personalizador de WP integrado, así que inicie sesión como administrador y luego abra la página deseada, haga clic en Personalizar como se muestra en la captura de pantalla:

A continuación, haga clic en CSS adicional:

Ahora puedes introducir CSS personalizado:

Ejemplo de cómo cambiar el icono del corazón por otro icono en el complemento de favoritos.

Se requieren algunos conocimientos de CSS para ello, por lo que, por ejemplo, yo usaré Firefox Console; también puedes usar Chrome Developer Console para detectar algo de CSS, por ejemplo:

Así podemos detectar CSS personalizado específico; a veces, es posible que modifiques un poco el CSS:

.wdk-favorites-actions .fa.fa-heart-o:before { content: "\f004"; // icono no seleccionado } .wdk-favorites-actions .fa-heart::before { content: "\f004"; // icono seleccionado }

Los códigos de los iconos se pueden encontrar en https://fontawesome.com/search

De forma similar, puedes cambiar cualquier otro CSS.

Si tienes algún problema, no dudes en consultar con nuestro equipo de soporte.

Ejemplo para cambiar el CSS del formulario de búsqueda

Tenemos algunas clases predefinidas que puedes usar, así que úsalas. Además, en Elementor hay muchas opciones; si aún así no es suficiente, puede que necesites usar CSS personalizado.

Clases CSS estándar: