Content Boxes: Hintergrundfarbe beim Hovern ändern (Fusion Builder)

  • Hallo,

    habe schon einiges ausprobiert aber nichts hat geklappt. Daher meine Frage an euch. Ist es möglich bei einer Content Box die Hintergrundfarbe der Box zu ändern wenn man mit der Maus drüber fährt? Bei der Icon Farbe ist das möglich, aber leider nicht bei der Hintergrundfarbe der Box.

    Vielen Dank im Voraus.

    VG pavo

    • 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

  • Hallo Pavo,

    das ist mit CSS problemlos möglich. Poste bitte einmal einen Link zu der entsprechenden Seite.
    Bitte gib auch an welches Theme Du verwendest.

    Viele Grüße,
    nomainstream

  • Hallo Nomainstream,

    vielen Dank für Deine Antwort. Das hört sich schon mal gut an. :smile:

    Ich habe die HP im Offline-Modus, daher ist ein Link zur entsprechenden Seite leider nicht möglich.

    Benutzen tue ich das Avada-Theme. Bei der Einstellung zu den Content Boxes kann man Codes für CSS Class / CSS ID eingeben. Müsste ich dann hier eingeben, oder woanders? Hatte damit schon en bisschen experimentiert, hatte aber nicht geklappt. Bin was CSS angeht absoluter Anfänger.

    Viele Grüsse,
    pavo

    Einmal editiert, zuletzt von pavo (7. August 2016 um 15:25)

  • Hallo pavo,

    ohne Link wird es leider sehr schwer Dir weiterzuhelfen. Lies am Besten im Forum mal nach wie Du mit einem "Child-Theme" custom CSS hinzufügen kannst.
    Oder vielleicht findest Du hier jemanden, der auch das Avada-Theme verwendet und entsprechend den Code kennt. Oder Du kannst auch den Hersteller anschreiben und da nachfragen.

    Viele Grüße,
    nomainstream

  • Hallo Nomainstream,

    vielen Dank für Deine Tipps!

    Ist der Code denn je nach verwendetem Theme unterschiedlich? Wo ich beim Avada-Theme eigener CSS Code (Custom CSS) eingeben kann, wüsste ich glaube ich.

    Viele Grüsse,
    pavo

  • Ja der Code ist von Theme zu Theme verschieden. Wenn Du bei den Einstellungen für die Content Boxes die eigene CSS Class "mycontentbox" hinzufügen würdest, dann würde der custom CSS Code den Du einfügen müsstest ungefähr so ähnlich aussehen:

    CSS
    .mycontentbox:hover
    {
    background-color:#deinfarbcode !important;
    }

    Viele Grüße,
    nomainstream

  • ...Die !important Regel gibt an, dass diese "background-color" bei :hover verwendet werden soll, da auch noch andere "background-color" Angaben bei :hover in dem Avada-Theme vorhanden sein könnten.

    Viele Grüße,
    nomainstream

  • Hallo Nomainstream,

    Dein Code hat mir super geholfen!! Hat erst nicht geklappt, habe dann im Quellcode der betreffenden Seite nach der genauen Bezeichnung der Content Boxes geschaut, und dann tatsächlich hinbekommen. :D


    Für alle die mal das gleiche umsetzen wollen (Avada-Theme):


    Musste bei den Einstellungen für die Content Boxes bei CSS Class "fusion-content-boxes-1" eingeben. Dann bei den Einstellungen zum Avada-Theme unter "Eigenes CSS" diesen Code einfügen:

    CSS
    .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-hover
    {
    background-color:#deinfarbcode !important;
    }

    Bin superfroh, dass das geklappt hat. Vielen Dank für Deine Hilfe!!! :D

    Viele Grüsse,
    pavo

    Einmal editiert, zuletzt von pavo (7. August 2016 um 17:37)

  • Cool, dass es geklappt hat :)

    Viele Grüße,
    nomainstream

Jetzt mitmachen!

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