Wie man einen oberen Rand (CSS) zu einem benutzerdefinierten Menüelement in WordPress hinzufügen

Question

Ich habe einen Avatar in meiner Kopfzeile (eingefügt mit einem Shortcode als benutzerdefinierten Menüpunkt). Leider sitzt es direkt unter dem oberen Rand des Containers (Header) und ich kann das CSS nicht herausfinden, um es zu stupsen. Ich denke, ich brauche CSS margin-top, aber ich weiß nicht, wie ich das Objekt richtig anvisiere.

In Chrome Inspector ist dies wo es ist:

#menu-lift-your-reading-main > #menu-item-3850 > a > img.avatar.avatar-90.photo.lazyloaded 

(Du nur diesen Avatar sehen können, wenn Sie angemeldet sind, wie es für den aktuellen Benutzer ist.)

Alle Antworten zu schätzen!

Answer 1

Sie haben wahrscheinlich keinen Rand oder Polsterung auf Ihrem Körper. Dann hat der Rand vom Bild nichts, gegen das er hüpfen kann ... er wird außerhalb des Bildschirms verschoben.

Fügen Sie also anstelle eines Randbereichs auf Ihrem Bild (untergeordnetes Element) ein Padding-Top zum übergeordneten Element hinzu.

basiert auf dem CSS-Regel, die Sie gaben, vermute ich, dass dies den Trick tun sollten:

#menu-lift-your-reading-main > #menu-item-3850 { 
    padding-top: 1em; 
}