Template: Purity 3, Schriftfarbe des Menus lässt sich nicht ändern

    Guten Abend liebe Community


    Nach langer Recherche im Netz und vielem ausprobieren muss ich nun dennoch einen Thread mit meinem Problem eröffnen.


    Auf meiner Website habe ich das Template "Purity 3" installiert, inzwischen die Webseiten auch mit Content ausgestattet. Mein Problem ist folgendes:


    Da der Background im Header weiss ist, erkennt man die Menubezeichnungen/Titel nicht mehr. Die Schriftfarbe ist nämlich ebenfalls weiss. Ich habe die Website bereits mehrmals mit Firebug untersucht, dementsprechend auch im template.css probiert, etwas abzuändern (Linie: 866 -> .navbar-default .navbar-nav > li > a), jedoch komischerweise ohne Erfolg.
    Das Ziel wäre es, die Schriftfarbe in schwarz abzuändern.
    Die Adresse meiner Website lautet folgend: http://rex.ajato.ch/

    Ich hoffe, meine Threaderöffnung geht in Ordnung, und ich bedanke mich im Voraus für Eure Antworten/Feedbacks.


    Beste Grüsse,
    Tim

  • Zum hilfreichsten Beitrag springen

    • Hilfreich

    Hallo Tim,


    zunächst hatte ich mal die Menüs gesucht :) Temporär wird es Dir ja auch gelungen sein. Zeile 866 bzw. auch Zeile 877 (wegen hover) die Farben in der template.css zu ändern.


    Gut, dass ich nicht gleich geantwortet habe. Warum? Denn: schau mal hier: Purity_III Template Logo ändern Da geht's zwar um das Logo, aber siehe Beitrag von Anka.


    Nämlich, dass Du für dieses Template eine custom.css erstellen solltest. Wenn Du diese hast, brauchst ja nur mehr die gewünschten Codes dort reingeben.
    Vielleicht gibt es aber auch wie für das Logo, beim "Theme" Menüeinstellungsmöglichkeiten.


    https://www.joomlart.com/docum…y-iii/faqs#megamenu-style. Dort steht es auch wegen custom.css


    Liebe Grüße, Christine

    Guten Abend Christine,


    Vielen herzlichen Dank für Dein rasches Feedback! Habe den Thread studiert, ich werde mich gleich morgen an das Erstellen der custom.css wagen ;).


    Gerne melde ich mich bis morgen Abend, ob alles geklappt hat. Ist sicher vielleicht auch für andere hilfreich.


    Vielen Dank nochmals!


    Liebe Grüße
    Tim

    Liebes Forum


    Ich konnte mein Problem dank Eurer Hilfe nun erfolgreich lösen, vielen Dank!
    Wie genannt habe ich ein custom.css erstellt, und darin die gewünschten Zeilen abgeändert. Gespeichert habe ich die Datei dann unter purity3/template.


    Beste Grüsse,
    Tim

    Hallo Tim,


    na wunderbar :) War neugierig ... irgendwo/wie funkt trotzdem noch weiße Farbe durch. Und zwar wenn Du über die nicht aktiven Menüs hoverst.


    Hab mal temporär folgendes zusätzlich ans Ende der custom.css gesetzt & dem aktiven Menü eine Farbe verpasst:


    Code
    .navbar-default .navbar-nav > li.current > a {
color:#e0bf32;
}
.navbar-default .navbar-nav li a:hover {
color:#000;  
}


    Liebe Grüße, Christine

    Hallo Christine,


    Wow, vielen Dank! :) Das ist sehr lieb, habe den Code eingefügt, sieht klasse aus!
    Nicht selbstverständlich heutzutage, dass man solch hilfreiche Antworten aus eine Forum erhält.


    Herzlichen Dank und einen schönen Sonntagabend.


    Beste Grüsse,
    Tim

    Edit: Konnte das Problem lösen :)


    Liebes Forum


    Ich entschuldige mich dafür, dass ich mich nochmals melde... Leider habe ich inzwischen ein neues "Problem" entdeckt.
    Während nun das Menu auf der normalen Desktop-Size super aussieht, zeigt es im responsive-Mode gar kein Menu an. Auch nach Recherche im Web oder auf der offiziellen Seite des Templates habe ich nichts aussagekräftiges dazu gefunden.
    Komischerweise kann ich auch in den Template-Einstellungen nichts abändern.
    Hat vielleicht jemand von Euch einen Rat?


    Vielen Dank im Voraus!


    Beste Grüsse,
    Tim

    Guten Abend,


    Lustigerweise war das "Hamburger-Icon" stets aktiv geschaltet. Da ich jedoch den Background bekanntlich (siehe oben) auf weiss umgeändert habe, konnte man natürlich das ebenfalls weisse Icon nicht mehr erkennen :D


    Mittels einem kurzen Code ins custom.css konnte ich die Farbe dann gewünscht ändern :)


    Ein Problem hätte ich nun doch noch. Zwar würde ich gerne das Logo anstatt oben links, oben rechts einfügen. Hier gibt es tatsächlich keine Einstellmöglichkeiten im Backendbereich des Templates. Ebenfalls war ich bis anhin auch nicht mit Codes erfolgreich. Hat hier vielleicht jemand eine Idee?


    Vielen Dank erneut im Voraus,


    Beste Grüsse
    Tim