Twenty Twelve Navigation/Das ewige Lied

  • Hallo Leute,

    ich bin Noob in Wordpress. Habe mich jedoch in den letzten Wochen etwas eingelesen und mit Hilfe des Forums und googlen schon ein bisschen modifiziert.

    Ich habe folgendes Problem:
    Ich würde gerne die Menüpunkte in der Navigationsleiste zentrieren.
    Dafür habe ich mich folgenden Hinweis angenähert:

    Code
    .main-navigation li
    {
      margin-left: 20px;
      margin-right: 20px;
      margin-left: 1.437rem;
      margin-right: 1.437rem;
    }


    Quelle:

    Nun habe ich Problem, dass mein Untermenü irgendwo auf der Seite angezeigt wird. Auch wird die horizontale Linie oberhalb des Menü zu weit nach oben verschoben. D.h. das Menü sitzt nicht mittig zwischen den linien. Die obere soll näher ran.

    Für euch Profis ist das sicherlich ein Klacks.
    Ich freue mich auf Hilfe...

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Servus b3317133,

    danke für den Tipp. Das habe ich auch schon versucht. Jedoch ist es so, dass dann "nur" die Menüpukte zentriert werden, jedoch nicht exakt mittig der Seite sind.

    Mit dem o.g. Code wird das Menü zur Seite zentriert, nur leider schmieren mir dann die Unterpunkte ab..

  • Ich würde gerne die Menüpunkte in der Navigationsleiste zentrieren.


    Das macht der o.g. Code.

    Jedoch ist es so, dass dann "nur" die Menüpukte zentriert werden, jedoch nicht exakt mittig der Seite sind.


    Verstehe ich nicht. Eine genauere Erklärung mit Screenshots und/oder Link zur Seite würden ggf. helfen.

  • Servus,

    ich habe nun deinen Code bei zusätzliches Css eingefügt und schwuppst klappt es!
    Nun hätte ich noch gerne, dass die Unterpunkte linksbündig sind.

    Geht das auch?
    Zudem sind die Untermenüpunkte etwas rechts ausgerückt, wenn man Sie anklickt.

    Einmal editiert, zuletzt von hallap (12. Mai 2017 um 15:03)

  • Unfassbar!
    Man, ich wünschte ich könnte das auch!

    Bingo, das wars


    PERFEKT!

    EDIT:
    Gibts von den Profis noch irgendwelche Tipps, wie man die Seite noch schöner, besser machen könnte?!
    Bin so eigentlich, für meine erste Seite, ganz zufrieden. Hat jedoch auch lange gedauert. ;-) Natürlich wird das Headerbild noch geändert. :lol:

    Hätte noch eine kleine zusätzliche Idee:
    Bei "Stufen" soll jede Stufe eine besondere Farbe bekommen, also nur die Schriftfarbe. geht das auch ?! :D
    Grundstufe gelbm Stufe 5/6 blau, etc...

    Einmal editiert, zuletzt von hallap (16. Mai 2017 um 13:12)


  • Hätte noch eine kleine zusätzliche Idee:
    Bei "Stufen" soll jede Stufe eine besondere Farbe bekommen, also nur die Schriftfarbe. geht das auch ?! :D
    Grundstufe gelbm Stufe 5/6 blau, etc...

    Ja, das kannst du über die jeweilige ID machen.

    Zum Beispiel grüne Textfarbe für die Seite Stufe 7/8:

    Code
    #post-72 {
        color: green;
    
    
    
    
    
    
    }

    Es gehen natürich auch Farben bei Hex-Code...

  • Ja, das kannst du über die jeweilige ID machen.

    Zum Beispiel grüne Textfarbe für die Seite Stufe 7/8:

    Code
    #post-72 {
        color: green;
    
    
    
    
    
    
    }

    Es gehen natürich auch Farben bei Hex-Code...

    Ja, geht natürlich auch direkt. Nur ich habe mich vielleicht etwas falsch ausgedrückt.
    Ich möchte nur, dass der Menüpunkt: Stufe 7/8 grün ist. Der Text auf der Seite soll schwarz bleiben.

    Wenn ich den Code bei zusätzliches Css einfüge, wird der Inhalt der ganzen Seite grün.

    Grüße


  • Ich möchte nur, dass der Menüpunkt: Stufe 7/8 grün ist. Der Text auf der Seite soll schwarz bleiben.

    Wenn ich den Code bei zusätzliches Css einfüge, wird der Inhalt der ganzen Seite grün.

    Ah, das habe ich tatschlich falsch verstanden.

    Beim Menüpunkt funktioniert es so ähnlich.
    So sollte es klappen:

    CSS
    li.page-item-72 a {
        color: green !important;
    
    
    
    
    
    
    }
  • Hallo Daniel,

    alles perfekt, wenn man draufklickt kommen die Farben direkt.

    Ideal wäre es, wenn die Farben direkt angezeigt werden, sobald man auf Jahrgänge geht...

    Tipp? :confused:

    DANKE dir und euch sehr!

    Einmal editiert, zuletzt von hallap (17. Mai 2017 um 22:44)

  • Hallo Daniel,

    alles perfekt, wenn man draufklickt kommen die Farben direkt.

    Ideal wäre es, wenn die Farben direkt angezeigt werden, sobald man auf Jahrgänge geht...

    Sie werden direkt angezeigt, aber es wäre ideal, wenn sie direkt angezeigt würden?
    Das habe ich jetzt ehrlich gesagt nicht so richtig verstanden... :)

    Versuch nochmal genauer zu erklären, was du ändern möchtest.

    Edit:

    Ach... jetzt verstanden. Die Klasse page-item-72 ist nur vorhanden, wenn der Menüpunkt aktiv ist.
    Dann nimm mal statt page-item-72 die Klasse menu-item-455. Damit sollte es klappen.

    Einmal editiert, zuletzt von danielgoehr (17. Mai 2017 um 23:00)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!