Seite 1 von 1

Menu Icons: Social Media, Padding anpassen

Verfasst: Mo 6. Jan 2025, 16:51
von 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

Re: Menu Icons: Social Media, Padding anpassen

Verfasst: Mo 6. Jan 2025, 16:56
von Volker
Link zur Seite wäre hilfreich

Re: Menu Icons: Social Media, Padding anpassen

Verfasst: Mo 6. Jan 2025, 17:09
von Christoph_65
Sehr gerne:
https://lokolo.de

Re: Menu Icons: Social Media, Padding anpassen

Verfasst: Mo 6. Jan 2025, 17:38
von 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.

Re: Menu Icons: Social Media, Padding anpassen

Verfasst: Mo 6. Jan 2025, 17:43
von Christoph_65
Leider nicht, dann sind mir beide Icons zu klein und auch nicht parallel.
siehe Screenshot. :(

Re: Menu Icons: Social Media, Padding anpassen

Verfasst: Mo 6. Jan 2025, 17:45
von 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

Re: Menu Icons: Social Media, Padding anpassen

Verfasst: Mo 6. Jan 2025, 18:04
von 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 ;)
youtube.png
und der Kunde bleibt auf Eurer Seite :D

Re: Menu Icons: Social Media, Padding anpassen

Verfasst: Mo 6. Jan 2025, 18:20
von 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.


Facebook-Padding.jpg

Re: Menu Icons: Social Media, Padding anpassen

Verfasst: Mo 6. Jan 2025, 18:33
von Volker
Der CSS Gott wieder :D

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

Re: Menu Icons: Social Media, Padding anpassen

Verfasst: Di 7. Jan 2025, 03:49
von 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:

Menüleiste-StartM5 Facebook-Icon.jpg