Verschiedene Hover Backgrounds

  • Hallo,

    In dem von mir verwendetem Theme (http://wpshower.com/themes/paragrams/) wird bei MouseOver jeweils Background Hover erzeugt.
    Wie kann ich diesem je nach Kategorie eine andere Farbe zuweisen ?

    Ich habe es damit im Loop probiert:

    PHP
    <?php if (in_category('5')) {echo ".li_container .article:hover { background-color:#000000; }";}; ?>


    Hat aber nicht funktioniert ! : )

    Der Original Loop sieht so aus:

    Danke für die 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

  • das kannst du über CSS regeln

    z.B.

    CSS
    .cat-item-9 a:hover {
        background-color: #ff0000 !important;
    }

    die 9 wäre z.B. die Kategorie "Art" in der Demo
    ff0000 wäre rot

  • Sorry ! Das checke ich nicht ...
    Hab ja versucht es über CSS zu regeln.

    Zitat

    Ich habe es damit im Loop probiert:

    PHP
    <?php if (in_category('5')) {echo ".li_container .article:hover { background-color:#000000; }";}; ?>


    Hat aber nicht funktioniert ! : )

    Kannst du mir evtl. noch etwas genauer sagen, wie und wo ich das definieren kann ?

  • Einfach den Code wie im Beispiel oben mit der ID deiner Kategorie versehen(also die Zahl 9 austauschen) und in die style.css deine Themes einfügen.
    Und dies für jede Kategorie mit einem anderen Farbcode

  • Klappt nicht : (

    Also es geht um die Startseite auf der natürlich Posts verschiedener Kategorien erscheinen und nicht um eine Seite mit nur einer Kategorie.

  • das klappt schon, da hat sich beim copy and paste nur ein Fehler eingeschlichen
    du hast

    CSS
    .category-5 .article:hover {
    ÊÊÊbackground-color: #FF0000 !important;
    }


    drin stehen
    das ÊÊÊ siehst du nur im Quelltext

    füge den Code mal manuell ein, dann funktioniert es

  • tut mir leid ich habe es anscheinend schlecht formuliert.
    die posts auf der startseite (!!!) sollen je nach kategorie in der sie gespeichert sind eine andere hoverfarbe haben.

    d.h. ich möchte auf einer seite verschieden background hovers haben ... ?!?

  • versuche mal

    das div nach

    PHP
    <?php endif; ?>

    wieder schliesen
    in die style.css dann

    Code
    .category-5 .article:hover {
        background-color: #FF0000;
    }
    .category-6 .article:hover {
        background-color: #FFB200;
    }
    .category-7 .article:hover {
        background-color: #48d1CC;
    }
  • aarghhh !

    Parse error: syntax error, unexpected '{' in /var/www/web178/html/mmm/multikultispiele/wp-content/themes/paragrams/index.php on line 12

  • wie und wo hast du den den Code eingefügt?
    normal dürfte da kein Error kommen
    eventuell hat sich wieder ein Fehler durch "copy and paste" eingeschlichen

  • hier mal mein kompletter index:

    übrigens besten dank für deine geduld und hilfe : )

Jetzt mitmachen!

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