Menu Icons: Social Media, Padding anpassen

[Christoph_65]

Liebes Forum,

ich suche verzweifelt im freien Code Editor nach der Möglichkeit das Facebook-Icon auf die gleiche Höhe wie das Mail-Icon zu setzen.( Sie Foto) Ich müsste doch das Padding im CSS Editor eingeben oder?
Wie erkenne ich, welche html Spalte zu welchem CSS passt?
Entschuldigt bitte die laienhafte Frage.

Vielen Dank an alle Helfer
Christoph

[Volker]

Link zur Seite wäre hilfreich

[Christoph_65]

Sehr gerne:
https://lokolo.de

[Volker]

Hast Du eventuell die Icon Größe nicht auf auto stehen ?
Sieht mir so aus, als wäre das Mail Icon größer als das Facebook Icon.
Wenn beide auf auto stehen, sollten auch beide gleich sein und auf einer Höhe.

[Christoph_65]

Leider nicht, dann sind mir beide Icons zu klein und auch nicht parallel.
siehe Screenshot.

[Volker]

Lösch beide Icons und setze mal neu. Normalerweise stimmt die CSS der Menüs.
Versuch das mal und schreib mal was für ein Menü aus welchen Theme, damit wir das mal prüfen können

[Volker]

Nur nebenbei
Mir ist aufgefallen das Ihr Eure Musik nach Youtube verlinkt.
Das geht auch mit der Erweiterung YouTube Feed und sieht einfach besser aus

und der Kunde bleibt auf Eurer Seite

[Tommy Herrmann]

Moin Christoph,

schreibe doch einfach mal einen Innenabstand (padding) in die class="fa-fw":

Code: Alles auswählen

.fa-fw {
  padding-top: 5px;
}

Trage diese Class in den Bereich "CSS Eitor" vom "Code Editor" des Menüblocks ganz unten ein.

[Volker]

Der CSS Gott wieder

Aber normalerweise sollten die Abstände und Höhe doch in den Menüs stimmen. Hab noch nie CSS Anpassungen im Menü gemacht

[Tommy Herrmann]

Moin,

das sieht so aus, als wäre es die Menüleiste vom Thema "StartM5" und er hat nun offensichtlich das Mail-Icon von "Auto" auf 43 x 43 px gestellt und das Facebook-Icon aus einem ganz anderen Font-Set verwendet, nämlich "Font Awesome".

Eigentlich sind in dieser Menüleiste auch keine Social-Icons vorgesehen, denn die sind dann immer über die Werkzeuge auch extra einzuschalten.

Der Grund ist eine andere Line-Height und anderes Font-Set. Verwende ich z.B. ein anderes Facebook-Icon, wie in meinem Screenshot, dann tritt dieser Fehler nicht auf: