PHP Code: Entfernt den Icon Font, jedoch nur im Frontend. Das ist besser, Elementor nutzt selbst den Font und sieht ohne die Einschränkung nicht mehr gut aus.
<?php
// Deactivate Eicons in Elementor
add_action( 'wp_enqueue_scripts', 'js_remove_default_stylesheet', 20 );
function js_remove_default_stylesheet() {
// Don't remove it in the backend
if ( is_admin() || current_user_can( 'manage_options' ) ) {
return;
}
wp_deregister_style( 'elementor-icons' );
}CSS Code: Nützlich, falls Elementor Pro eingesetzt wird, um einen Header Template zu erstellen. Das „Hamburger Icon“ basiert auf dem Eicons Font. Dieser CSS Code ersetzt Eicons durch Font Awesome.
/*
* Replace Eicons with FontAwesome
*/
.eicon {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.elementor-menu-toggle i:before {
content: "\f0c9";
}
.elementor-menu-toggle.elementor-active i:before {
content: "\f00d";
}
Hallo, deine Lösung würde mich interessieren, im Artikel ist aber leider nur ein kurzer Text zu sehen. Kannst du den Code vielleicht auch bereitstellen? Wir haben leider auch das Problem, dass sehr viele Ressourcen geladen werden und würden das gerne reduzieren. Danke!
Hi Thomas, der Code steht im Artikel. Was genau fehlt dir?
Hallo Julian. Vielen Dank für die Korrektur. Jetzt sehe ich auch den Code. Die Lösung sieht sinnvoll aus. Schade, dass Elementor da nicht gleich dran denkt 😉
Hallo,
bin ich blind oder wieso kann ich den Code nirgends finden?
Hallo Erik,
sorry, die Github Embeds werden vom Browser geblockt. Habe den Code direkt eingefügt.