Logo im Header Zentrieren

  • Gelöst maximiwanow

    (@maximiwanow)


    vor 5 Jahren, 1 Monat

    Hallo Forum,

    ich habe schon viel versucht leider bekomme ich das Logo nicht zentriert mit css. Kann mir jemand helfen?

    Danke im vorraus

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

Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)
  • Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 5 Jahren, 1 Monat

    Was hast du denn ganz konkret versucht?

    Thread-Starter maximiwanow

    (@maximiwanow)

    vor 5 Jahren, 1 Monat

    Hallo,

    ich habe das Logo „Untersucht“ und dann mit einem Plugin für CSS Codes diesen Code gebastelt: 

    .custom-logo navbar-brand img {
 margin: 0 auto;
}

    Habe auch schon andere Codes versucht leider ohne erfolg.

    • Diese Antwort wurde geändert vor 5 Jahren, 1 Monat von maximiwanow.
    • Diese Antwort wurde geändert vor 5 Jahren, 1 Monat von maximiwanow.
    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 5 Jahren, 1 Monat

    Du brauchst kein Plugin, um eigene CSS-Regeln einzufügen. Dafür gibt es im Customizer ein Feld „Zusätzliches CSS“.

    Deine CSS-Regel ist fehlerhaft und unnvollständig.
    Probier mal

    
.container > .navbar-header {
    float: none;
}

.navbar-brand {
    float: none;
}
.custom-logo-link .custom-logo.navbar-brand {
    margin: 0 auto;
}

    Eine gute Einführung in CSS findest du z.B. beim Mozilla Developer Network.

    Thread-Starter maximiwanow

    (@maximiwanow)

    vor 5 Jahren, 1 Monat

    Hat funktioniert. Ich bedanke mich ganz herzlich! Schaue mir das mit dem Mozilla Developer Network an.

    Danke

Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)
  • Das Thema „Logo im Header Zentrieren“ ist für neue Antworten geschlossen.