[Theme Origin] Mouseover Bilder (Hover) deaktivieren

  • Guten Tag,
    ich heiße Uwe, bin neu im Forum und mit Wordpress und bin dabei, ein privates Blog-Projekt umzusetzen und mich dafür in Wordpress, CSS und PHP einzuarbeiten. Für Eure Hilfe bedanke ich mich schonmal!

    Zum Problem:
    Mein verwendetes Theme "Origin" hat einen Mouseover-Effekt für Bilder, den ich gern abschalten möchte, für den ich aber den Code nicht finde. (Effekt: Bilder werden heller und kontrastärmer) Ich habe schon nach "opacity", "transition" etc. gesucht, die richtige Funktion aber offenbar noch nicht gefunden.

    Meine eigene Seite ist noch nicht online, deshalb verlinke ich hier auf die Demoseite des Themes, wo der Effekt z. B. auf dem Bild des sticky Posts zu sehen ist: http://www.http://devpress.com/demo/origin/

    Und hier ist meine (bisher leicht modifizierte) style.css:
    http://www.pastebin.com/htnaXpGf

    Nochmal die Frage: wo finde ich den Mouseover-Effekt für Bilder?

    Danke für die Hilfe! Uwe

    • 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 reap705,
    danke für die schnelle Antwort.
    Diese Zeile hatte ich auch im Verdacht. Wenn ich die rausnehme, ändert das aber nichts am Effekt (auch wenn ich den Cache vorher leere). :sad:
    Uwe

  • Hallo reap705,
    wunderbar - Deaktivierung des footer-scripts.js und der o.a. Zeile aus der style.css habens gebracht - der Mouseovereffekt ist weg - danke!

    Aber: auch die Lightbox (fancybox?) beim Klick auf das Bild funzt nicht mehr - es erscheint einfach das Bild auf einer leeren Seite.
    Gibt es eine Möglichkeit, die Lightbox zu erhalten ohne den Mouseover-Effekt?

    Danke, Uwe

  • Hallo Uwe,

    dann entferne aus dem Script nur diesen Teil:

    PHP
    /* Fade Image (links) Hover */       
    jqu( "a img" ).hover( function() {        
    jqu( this ).stop().animate( {opacity: .85}, 'fast' );    
    }, function() {        
    jqu( this ).stop().animate( {opacity: 1}, 'fast' );    
    } );

    Meine Webseite | WordPress, Webdesign und mehr...

Jetzt mitmachen!

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