1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Buttons-Menü - Avada Theme

Dieses Thema im Forum "Design" wurde erstellt von pavo, 4. September 2016.

Schlagworte:
  1. pavo

    pavo Member

    Registriert seit:
    11. Oktober 2013
    Beiträge:
    23
    Zustimmungen:
    0
    Hallo zusammen,

    ich benutze das Avada-Theme und habe die Einstellung für das Menü (Hauptmenü) auf Buttons umgestellt. Nun habe ich aber das Problem, dass so nicht ersichtlich ist, auf welcher Seite man sich gerade befindet. Die Farbe der Buttons ist orange, die Hoverfarbe braun. Klickt man zB. auf den Button "Startseite", ist der Button wenn man auf die Startseite gelangt immer noch orange. Dieser sollte dann aber braun sein, damit man sieht, dass man sich auf der Startseite befindet. Kann man das irgendwo Einstellung? Ein solches Menü würde sonst ja wenig Sinn machen. Ich hoffe sehr, ihr könnt mir da weiter helfen.

    Vielen Dank schon mal vorab.

    pavo
     
    #1 pavo, 4. September 2016
  2. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Gib mal einen Link zur Seite, damit man sich das anschauen kann.
     
    #2 SirEctor, 4. September 2016
  3. pavo

    pavo Member

    Registriert seit:
    11. Oktober 2013
    Beiträge:
    23
    Zustimmungen:
    0
    Vielen Dank für deine Antwort. Habe die Seite leider im Offline-Modus.

    Ich habe die Farbe der Buttons bei den Einstellungen zum Avada-Theme eingegeben (Shortcodes Styling). Hier gibt es aber sonst leider keinen Einstellung wo man das damit umsetzen könnte. Bei den Einstellungen zum Menü konnte ich auch nichts finden.

    Viele Grüsse
    pavo
     
    #3 pavo, 4. September 2016
  4. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Man müsste schauen ob die Classes wie z. B. "current-item" etc. übergeben werden und könnte das dann per CSS stylen.
     
    #4 SirEctor, 4. September 2016
  5. pavo

    pavo Member

    Registriert seit:
    11. Oktober 2013
    Beiträge:
    23
    Zustimmungen:
    0
    So sieht der Quellcode vom Menü aus, vielleicht hilft das weiter?

    menue-quellcode.jpg

    Wie müsste ein solcher Code denn aussehen, mit dieser Funktion? Eigenes CSS kann man eingeben und könnte ich dann mal probieren.

    Vielen Dank und viele Grüsse
    pavo
     
    #5 pavo, 4. September 2016
  6. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Ich sehe z. B. current-menu-item oder current_page_item. Du könntest versuchen eine der beiden Classen per CSS anzusprechen.
     
    #6 SirEctor, 4. September 2016
  7. pavo

    pavo Member

    Registriert seit:
    11. Oktober 2013
    Beiträge:
    23
    Zustimmungen:
    0
    Vielen Dank. Ich bin leider was CSS angeht absoluter Anfänger. Wie müsste der entsprechende Code denn aussehen für eine solche Funktion?

    Viele Grüsse,
    pavo
     
    #7 pavo, 4. September 2016
  8. Misobu

    Misobu Well-Known Member

    Registriert seit:
    14. August 2016
    Beiträge:
    63
    Zustimmungen:
    0
    .current-menu-item {
    background-color: #deinefarbe;
    }
     
    #8 Misobu, 4. September 2016
  9. pavo

    pavo Member

    Registriert seit:
    11. Oktober 2013
    Beiträge:
    23
    Zustimmungen:
    0
    Vielen Dank. Beim Code scheint was noch nicht ganz richtig zu sein. Hiermit ist der Hintergrund vom Menüfeld in braun, nicht der Button selbst.
    buttons-menue.jpg
    Was müsste ich hier anpassen?

    Besten Dank und viele Grüsse,
    pavo
     
    #9 pavo, 4. September 2016
  10. Misobu

    Misobu Well-Known Member

    Registriert seit:
    14. August 2016
    Beiträge:
    63
    Zustimmungen:
    0
    Ach sorry, dann nur color ohne background. Ein paar Grundkenntnisse in CSS werden dir in Zukunft übrigens nicht schaden ;)
     
    #10 Misobu, 4. September 2016
  11. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Versuche es mal mit
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #11 SirEctor, 4. September 2016
  12. pavo

    pavo Member

    Registriert seit:
    11. Oktober 2013
    Beiträge:
    23
    Zustimmungen:
    0
    @Misobu. Ist ein einmaliges HP-Projekt. :wink:

    Danke für deinen Hinweis. Leider passiert nichts wenn ich nur "color" statt "background-color" eingebe. Der Button ist dann orange wie sonst auch, statt braun.

    Woran könnte das liegen?

    Nochmals vielen Dank und viele Grüsse,
    pavo
     
    #12 pavo, 4. September 2016
  13. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    #13 SirEctor, 4. September 2016
  14. pavo

    pavo Member

    Registriert seit:
    11. Oktober 2013
    Beiträge:
    23
    Zustimmungen:
    0
    @SirEctor. Hey super, damit hat es geklappt!!! :D

    Vielen vielen Dank für eure tolle Hilfe!!! Bin superhappy, dass das nun funktioniert. :D

    Viele Grüsse,
    pavo
     
    #14 pavo, 4. September 2016
    Zuletzt bearbeitet: 4. September 2016
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden