Widget lädt unterschiedliche Befehle | ProjectDMC.org Deutsch

Hallo Ihr Spezialisten,

ich habe das Widget im Theme Twenty Twenty-One benutzen wollen, aber es reagiert unterschiedlich !

Auf einer Seite zeigt er die Icons korrekt in der Farbe weiß an, auf anderen Seiten nicht ???

Hier das Widget:

<aside class="widget-area">
	<section id="block-9" class="widget widget_block">

<div class="elementor-widget-container" style="width: 1200px; font-size:18px;">
<div class="elementor-widget-container" style="text-align: center;">
<div style="display: inline-block; text-align: center;">

<a style="color: #808080;" href="https://www.rialogo.de/Neu/">Startseite</a>&nbsp;&nbsp;&nbsp;<a style="color: #808080;" href="https://www.rialogo.de/kontakt/">Kontakt</a>&nbsp; &nbsp;<a style="color: #808080;" href="https://www.rialogo.de/Neu/impressum/">Impressum</a>&nbsp; &nbsp;<a style="color: #808080;" href="https://www.rialogo.de/Neu/datenschutzerklaerung/" aria-current="page">Datenschutzerklärung</a>

</div></div>

<div style="text-align:center;margin-top:50px;">
    
<a class="elementor-icon " href="https://www.xing.com/profile/Sabrina_Morhart">
<i class="fab fa fa-xing" style="font-size: 22px;color: #ffff;" aria-hidden="true"></i> </a>

<a class="elementor-icon " href="https://www.facebook.com/LogopaedieundLerntherapiefreiburg/">
<i class="fab fa-facebook-f" style="font-size: 22px;color: #ffff;" aria-hidden="true"></i> </a>

</div>

<p style="color: #808080;font-size:14px; text-align:center;margin-top:20px;">rialogo | Zechenweg 6 | 79111 Freiburg | Telefon: 0761 15283979 | E-Mail: kontakt(at)rialogo.de</p></div></section>	
</aside>

Muss der Code hier nicht immer gleich sein, also im Browser ?

Auf der Seite „Team“, da wo es korrekt läuft kommt

element.style {
    font-size: 22px;
    color: #ffff;
}
.fa.fa-xing, .fa.fa-xing-square, .fa.fa-youtube, .fa.fa-youtube-play, .fa.fa-youtube-square {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}
.elementor-icon i, .elementor-icon svg {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}
.fa, .fas {
    font-weight: 900;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}
.fab {
    font-family: "Font Awesome 5 Brands";
}

Und nun vom „Impressum“

element.style {
    font-size: 22px;
    color: #ffff;
}
.elementor-icon i, .elementor-icon svg {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}
dfn, cite, em, i {
    font-style: italic;
}
*, *::before, *::after {
    box-sizing: inherit;
}
User-Agent-Stylesheet
i {
    font-style: italic;
}

Hier fehlen die „fa“ für die Icons ???

Die sollten doch vom Widget immer gleich erstellt werden, oder ?

LG sendet

Lynn

• Dieses Thema wurde geändert vor 4 Stunden von Lynnv.

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]