Support » Themes » Menü im Theme auf einzelnen Seiten umstellen

  • Gelöst nessi131

    (@nessi131)


    Hallo zusammen,

    ich bin gerade dabei unter http://fr.puraluft.ru/ (aktuell nur Testdomain) eine Seite zu erstellen. Auf der Startseite (One-Pager) funktioniert alles, so wie es soll. Allerdings habe ich bei den separaten Seiten vom Impressum (http://fr.puraluft.ru/impressum/) und Datenschutz (http://fr.puraluft.ru/datenschutz/), das Problem, dass das Header-Menü auch in weißer Font dargestellt wird und so erst im Sticky Menu sichtbar wird. Das gleiche Problem habe ich übrigens auch bei dem Logo.

    Gibt es eine Möglichkeit, dass Logo und die Schrift auf diesen beiden Seiten anders darzustellen, als auf der Startseite? Am besten so, dass das Sticky Menu unangetastet bleibt… In den Costumizer-Einstellung zum Template (Rife Free) habe ich leider nichts gefunden.

    Ich bedanke mich für eure Hilfe. 🙂

    Viele Grüße
    Vanessa

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

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Das ist etwas komplizierter, aber versuche es mal mit

    :not(.home) .top-menu li a, .top-menu li span.title {
      color: #000;
    }

    im Custom-CSS. Wobei ich mir jetzt nicht sicher bin, ob das besser ist:

    .top-menu li a :not(.home), .top-menu li span.title :not(.home){
      color: #000;
    }
    • Diese Antwort wurde geändert vor 3 Wochen, 4 Tage von bscu.
    • Diese Antwort wurde geändert vor 3 Wochen, 4 Tage von bscu.
    • Diese Antwort wurde geändert vor 3 Wochen, 4 Tage von bscu.
    Thread-Starter nessi131

    (@nessi131)

    Hi bscu,

    danke für die Antwort – erzielt aber beides leider nicht den gewünschten Effekt. :-/
    Die Font im Menu wird zwar auf den beiden Seiten schwarz, aber auch auf der Startseite und im Sticky Menu… Und dort sollen sie ja in weißer Schrift bleiben.

    Hmm, mit der Pseudo-Class not habe ich mich noch nicht wirklich beschäftigt, daher war das auch etwas geraten. Was aber gehen müsste ist:

    .top-menu li a, .top-menu li span.title {
      color: #000;
    }
    
    .home .top-menu li a, .top-menu li span.title {
      color: #ffffff;
    }

    Ansonsten musst du mit CSS experimentieren. Eine gute Möglichkeit, sich mit CSS zu beschäftigen, findest du z. B. hier, hier oder hier.

    • Diese Antwort wurde geändert vor 3 Wochen, 4 Tage von bscu.
    • Diese Antwort wurde geändert vor 3 Wochen, 4 Tage von bscu.
    Thread-Starter nessi131

    (@nessi131)

    Ja, sehr gut – das hat funktioniert. Ich danke dir ganz herzlich!

    Hast du zufällig noch eine Idee, wie ich das Problem mit dem Logo kläre?
    Also das auf den beiden Seiten das Logo im Menü in schwarz angezeigt wird, anstelle von weiß? Das Bild kann ich hier ändern, aber ich habe keine Ahnung, wie ich das dann richtig einbinde. Aber es freut mich schon einmal ganz sehr, dass das mit der Font funktioniert. Noch einmal Danke. 🙂

    VG Vanessa

    Kleiner Nachtrag, @bscu

    so klappt es mit :not

    body:not(.home) ul#menu-main-menu li  a {
        color: #000;
    }

    und natürlich auch so

    body:not(.home) .top-menu li a {
        color: #000;
    }

    @la-geek
    Danke 😉

    Thread-Starter nessi131

    (@nessi131)

    So Lösung gefunden, ich habe das Logo nun in grau hochgeladen. So ist es überall sichtbar.

    Danke noch einmal! 🙂

    VG Vanessa

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)