Tagged: hover Toggle Comment Threads | Keyboard Shortcuts

  • Taruk 9:49 am on February 3, 2017 Permalink | Flag unresolved

      Tags: , hover,   

      UKU Ruapuke: Einheitlicher Hover-Effekt bei verlinkten Bildern 

      Servus ins Forum,

      ich hab eine Anregung zum einheitlichen Verhalten in Uku. Verlinkte Bilder behandelt das Theme auf drei unterschiedliche Weisen, was ich verwirrend finde. Verlinkte Bilder in den Front-Page-Sections werden abgedunktelt beim Hover, verlinkte Bilder in den Shop-Sections werden abgedunkelt und vergrößert, einfache, aber verlinkte Bilder im Content erhalten keine der beiden Animationen.
      Für das einheitliche Aussehen und Verhalten des Themes wäre es meiner Meinung nach sinnvoll, das anzugleichen: z.B. Abdunkeln als einheitlichen Hover-Effekt bei verlinkten Bildern. Das Zoom-In kann dem einen oder der anderen vielleicht etwas ‘viel’ Hervorhebung sein, deswegen wär es gut zu wissen, wie man es per CSS abschaltet.

      Danke und Gruß
      Taruk

       
      • Marc (Support-Team) 1:37 pm on February 3, 2017 Permalink | Log in to Reply

        Hallo Taruk,

        vielen Dank für die Anregung.

        Mit folgendem ergänzenden CSS-Code kannst du das Zoom-Feature abschalten:

        #shopfront-cats li.product a:hover img,
        .shopfront-content ul.products li a:hover img {
        	-webkit-transform: scale(1);
        	-moz-transform: scale(1);
        	-ms-transform: scale(1);
        	-o-transform: scale(1);
        	transform: scale(1);
        }
        

        Viele Grüße
        Marc

        • Taruk 5:17 pm on February 3, 2017 Permalink | Log in to Reply

          Danke Marc!

          Wenn man es über die Child-Theme style.css macht, muss man noch die obligatorische class .uku-serif davorsetzen, damit es funktioniert:

          .uku-serif #shopfront-cats li.product a:hover img,
          .uku-serif .shopfront-content ul.products li a:hover img {
              -webkit-transform: scale(1);
              -moz-transform: scale(1);
              -ms-transform: scale(1);
              -o-transform: scale(1);
              transform: scale(1);
          }
          

          Viele Grüße
          Taruk

    • Radicchio 2:37 pm on July 7, 2016 Permalink | Flag unresolved

        Tags: hover,   

        Ubud: Hovereffekt bei Bildübersicht ändern bzw. löschen 

        Hi, ich würde gern den Hovereffekt bei den Bilderübersichten (z.B. in Kategorien) farblich ändern oder ganz weglassen. Momentan hat man ja nur die Wahl zwischen hell und dunkel in den Theme-Anpassungen, aber wo könnte ich diesen Effekt farblich anpassen oder ganz rauswerfen? Ich taste mich durch ::-moz-placeholder {color: rgba(255, 255, 255, .66);} aber komme nicht weiter. Über einen Hinweis, wo ich schrauben muss, würde ich mich sehr freuen.

         
        • Marc (Support-Team) 10:03 am on July 8, 2016 Permalink | Log in to Reply

          Hallo @radicchio,

          du kannst mit folgendem ergänzenden CSS-Code die Farbe des Effekts anpassen:

          @media screen and (min-width: 1200px) {
          	.site-content .post:hover .entry-thumbnail {
          		background: #00ff00;
          	}
          }
          

          Um den Effekt zu deaktivieren kannst du folgenden CSS-Code verwenden:

          @media screen and (min-width: 1200px) {
          	.site-content .post:hover .entry-thumbnail a.thumb-img {
          		opacity: 1;
          	}
          }
          

          Um darüberhinaus auch noch die Anzeige des Beitrags-Titels zu verhindern, kannst du noch folgenden CSS-Code hinzufügen:

          @media screen and (min-width: 1200px) {
          	.site-content .post:hover .entry-header {
          		opacity: 0;
          	}
          }
          

          Viele Grüße
          Marc

      • Rob89 1:31 pm on July 4, 2016 Permalink | Flag unresolved

          Tags: , hover, ,   

          Black Walnut – 4-Bilder-Startseite Mouseover anpassen 

          Hallo Elmastudio,
          ich benutze das Black Walnut Theme mit der 4-Bilder-Startseite. Ist es möglich, den Mouseover/Hover-Effekt auszutauschen? Standardmäßig hellt ein verlinktes Bild lediglich auf, wenn man mit der Maus darüber fährt. Nun hätte ich aber idealerweise, dass sich beim Mouseover das angezeigte Bild ändert, sprich eine andere Bilddatei an der gleichen Stelle angezeigt wird.

           
          • Marc (Support-Team) 1:39 pm on July 5, 2016 Permalink | Log in to Reply

            Hallo @rob89,

            der elegante Weg wäre wohl einige Anpassungen am Theme vorzunehmen um weitere Bilder für die Startseite definieren zu können und durch Anpassungen am Seitentemplate diese ebenfalls zu laden. Mit passendem CSS-Code könntest du diese dann Darstellen beim Hovern.

            Am einfachsten ist es jedoch mit ergänzendem CSS-Code wie dem folgenden das eigentliche Bild auszublenden und den Container mit einem Hintergrundbild zu versehen. Bitte beachte, dass dies ein noch nicht ausgereiftes Beispiel ist, das Bild muss gerade für die mobile Ansicht noch korrekt platziert werden und der Code muss für die anderen Bild-Container entsprechend vervielfältigt werden:

            #img-container-one:hover a {
            	opacity: 0;
            }
            #img-container-one:hover {
            	background-image: url(http://themes.elmastudio.de/blackwalnut/files/2015/04/leafs-square.jpg);
            }
            

            Bitte beachte, dass wir grundsätzlich keinen Support zu individuellen Anpassungen im Forum leisten können.

            Viele Grüße
            Marc

        • mronextra 9:34 pm on September 1, 2015 Permalink | Flag unresolved

            Tags: hover, ,   

            Moka Theme Submenu 

            Hallo zusammen,

            da ich sozusagen noch ein Frischling bin benötige ich eure Hilfe.

            Wie bekomme ich es hin das meine Submenu´s erst sichbar werden wenn ich mit der Maus über dem Hauptmenü bin. Hab gelesen es geht mit dem Hover Effekt, weiß leider nur nicht wie und was ich da im CSS ändern muss :-)

             

            Bin über jede Hilfe dankbar.

             

            VG

             

            André

             
            • Marc (Support-Team) 9:49 am on September 3, 2015 Permalink | Log in to Reply

              Hallo André,

              bitte habe Verständnis dafür, dass wir für individuelle Anpassungen im Forum keinen Support leisten können. Der folgende CSS-Code sollte ein Anfang für eine solche Anpassung sein. Bitte beachte, dass du diesen in ein entsprechendes Media-Query verpacken solltest, da es auf mobilen Geräten (mit üblicherweise kleineren Bildschirmen) keine Möglichkeit gibt einen Hover-Effekt auszulösen:

              #site-nav ul ul.sub-menu {
              	display: none;
              }
              #site-nav ul li:hover > ul.sub-menu {
              	display: block;
              }
              

              Viele Grüße
              Marc

          • DerSiedler 3:20 am on March 21, 2015 Permalink | Flag unresolved

              Tags: , , hover, , site-nav, ,   

              Hallo,

              ich habe jetzt hier alles durch und versuche seit Stunden die Underline des Menüs auf eine andere Farbe umzustellen. Ich kann auch mit Firebug nix finden wieso die Linie beim hover immer noch schwarz angezeigt wird.

              Auch lässt sich die Slider-Höhe nicht anpassen. Man kann die min-height überschreiben womit man auch immer will, aber es bewirkt absolut nix.

              Ich weiß, dass für individuelle Anpassungen hier keiner zuständig ist, aber ich passe das für unseren Verein an und habe schon zu viel Zeit reingesteckt.
              http://www.jsv-bernau.de/jsv-test

              Wenn jemand einen Tipp oder eine Lösung parat hat, wäre ich unendlich dankbar.

              Gute Nacht

               
              • Formicula 10:56 am on March 21, 2015 Permalink | Log in to Reply

                Hallo, ich kann auf deiner Seite keine schwarze Underline entdecken.

              • Marc (Support-Team) 1:24 pm on March 21, 2015 Permalink | Log in to Reply

                Hallo,

                mit diesem CSS-Code kannst du die schwarze Linie beim Hovern entfernen:

                @media screen and (min-width: 1260px) {
                    #site-nav ul li a:hover {
                        border-bottom: none;
                    }
                }
                

                Die Bilder in deinem Slider haben ein Seitenverhältnis von 4 zu 3, bei einem min-width von 1200 Pixeln, würden 900 Pixel Höhe entstehen. Wenn du das Verhältnis nun anpasst, wirkt sich auch die Änderung des min-height aus, falls durch das Seitenverhältnis nicht sowieso eine höhere Höhe erzwungen wird.

                Viele Grüße
                Marc

            • Agricola 8:14 am on July 3, 2014 Permalink | Flag unresolved

                Tags: , hover   

                Hallo :)
                Ich benutze das Dorayaki Theme um eine Website zu erstellen. Leider funktioniert die Farbänderung beim hovern mit der Maus über den Service boxen nicht so richtig. Der Textbereich ändert die Farbe wie gewünscht, aber die eingefügte Graphik bleibt grau :(
                Es wäre schön wenn jemand einen heißen Tipp für mich hätte!

                 
                • Taruk 1:53 pm on July 3, 2014 Permalink | Log in to Reply

                  Hi, da die Icon-Grafik in den Serviceboxen eben eine Bilddatei ist, ändert sie sich nicht bei mouse hover. Wenn die hover Farbe zu ähnlich der Bilddateifarbe ist, würde ich entweder die hover Farbe oder die Farbe des Bildes anpassen (oder gleich eigenen Iconbilder verwenden), dass die Grafik auch bei hover gut aussieht. Die Dorayaki Standardfarben sind ja so gewählt, dass es gut passt. – Gruß, Taruk

                  • Agricola 2:12 pm on July 3, 2014 Permalink | Log in to Reply

                    Hallo Taruk,
                    danke für Deine Antwort!

                    In der Videopräsentation der Themefunktionen funktioniert das? So um 9:50 rum. (Quelle:

                    ) Deswegen ja überhaupt die Frage. Ich gehe davon aus, dass das Widget das eigentlich können müsste.

                    • Taruk 2:17 pm on July 5, 2014 Permalink | Log in to Reply

                      Auf dem Video sieht man, dass die Farbe der Icons gleich bleibt – wirkt nur anders, wegen der sich ändernden Hintergrundfarbe. Die Farbe der Icongrafik-dateien muss als zu beiden Farben passen, der Normalfarbe und der Hoverfarbe. Du kannst die Farbe der Dateien ja in einem Grafikprogramm anpassen für Dich. Hier der Pfad der Standard Icons: http://demo.stahlbau-maerz.de/wp-content/uploads/service-6.png. Du könntest Sie per ftp herunterladen, Farbe ändern und wieder hochladen. Oder wie gesagt, eben eigene Icons erstellen. Die Symbole passen ja nicht immer zum Thema. Du kannst auch Vektor-Grafiken .svg verwenden, wenn Du folgenden Code in Deine Child-Theme functions.php einfügst:

                      /* SVG Grafiken in der Mediathek erlauben */
                      function cc_mime_types( $mimes ){
                      	$mimes['svg'] = 'image/svg+xml';
                      	return $mimes;
                      }
                      add_filter( 'upload_mimes', 'cc_mime_types' );
                      
                      function custom_admin_head() {
                        $css = '';
                      
                        $css = 'td.media-icon img[src$=".svg"] { width: 100% !important; height: auto !important; }';
                      
                        echo '<style type="text/css">'.$css.'</style>';
                      }
                      add_action('admin_head', 'custom_admin_head');
                      

                      Viel Erfolg.

                      • Agricola 10:05 pm on July 15, 2014 Permalink | Log in to Reply

                        Taruk, Danke für Deine Geduld und Deine Hilfe!

                        Hat geklappt :)

              • elke1403 12:10 pm on November 17, 2013 Permalink | Flag unresolved

                  Tags: hover, ,   

                  Hover Schriftfarbe in der Site-Navi im Meola theme ändern 

                  Hallo, ich versuche vergeblich die Hover-Schriftfarbe in der oberen Seitennavigation zu verändern. Sie ändert sich zu weiß und hebt sich dadurch zu wenig von meinem hellen Hintergrund ab. Wo im CSS muss ich ansetzen?
                  Ich weiß leider nicht, wo ich es noch probieren sollte. Ich wäre für jede Hilfe sehr dankbar!

                   
                  • Roland 12:51 pm on November 17, 2013 Permalink | Log in to Reply

                    Hallo elke1403,
                    ganz genau kann ich es jetzt nicht lokalisieren.
                    Entweder in der style.css / Zeile 3162 die Farbzuweisung #ffffff auf die Farbe setzen die du möchtest.
                    Es könnte auch in der Zeile 3146 sein.
                    Eines von beiden ist das jedenfalls.

                • elke1403 10:58 am on November 5, 2013 Permalink | Flag unresolved

                    Tags: hover, ,   

                    Schriftfarbe beim mouse-over (hover) ändern im Meola theme 

                    Hallo, ich habe im Meola theme nun duch trial und error schon einiges geschafft zu ändern. Was mir nicht gelingt, ist die Hover-Schriftfarbe der Hauptnavi zu verändern. Sie ändert sich zu weiß und verschwindet somit in meinem Hintergrund. Die Seite ist noch nicht online, daher hoffe ich, es reicht die Beschreibung. Wo im CSS muss ich etwas ändern? Und wie? ich bin ein ziemlicher wordpress-Neuling und für jede Hilfe sehr dankbar.

                     
                  • djsubotage 7:16 pm on October 6, 2013 Permalink | Flag unresolved

                      Tags: , , hover,   

                      Hi, kann man den hässlichen Gravatar-Hover bei den Kommentaren ausschalten? Geht man mit der Maus drüber, erscheint immer ein hässliches, viereckiges Bild, was irgendwie nicht passt. Vielleicht kann man sowas über die Option-Seite ausschalten?

                       
                    • Joerg 1:46 am on June 10, 2013 Permalink | Flag unresolved

                        Tags: , hover, ,   

                        Pohutukawa: Mehrere Kleinigkeiten 

                        1. Wenn ich das Theme-interne Widget Schlagwort Wolke verwende, würde ich gerne den hover Effekt an den des Navi Sidbar Menü oder dem Kategorien Widget anpassen.
                        2. Wenn ich eine Seite erstelle und diese im Browser aufrufe, kommt der SeitenName und ein | hintendran im Browseregister, bei der Startseite bleibt es die Domain – wo kann ich das anpassen?
                        3. Wenn ich einen Artikel verfasse und direkt aufrufe, kann dieser kommentiert werden – auch wenn ich vor und zurück auf andere Artikel gehe. Wiederum über die Pinnwand (Beitragseite) verschwinden die Kommetarmöglichkeiten.
                        4. Wenn ich über Kategorie oder Schlagwort auswähle, sehe ich nur den Text der Artikel, nicht die Bilder, wie kann ich das komplett erscheinen lassen

                         
                        • Ellen 12:58 pm on June 11, 2013 Permalink | Log in to Reply

                          @Joerg: 1. Für die Anpassung der Schlagwortwolke müsstest du die CSS Styles anpassen, leider kann ich keine weiteren Details zur Anpassung geben, da dies eine individuelle Anpassung ist. Mit dem Element Untersuchen-Tool im Browser kannst du die entsprechenden CSS-Styles aber heraussuchen.

                          2. Hast du ein SEO-Plugin im Einsatz? Dann könntest du dort die Titel anpassen.

                          3. Die Kommentar-Funktion ist immer nur auf Einzelartikeln möglich (hier im Forum nutzen wir ein spezielles WordPress-Theme, bei dem das nicht so ist), aber allgemein ist das bei WordPress immer nur auf Einzelartikeln möglich.

                          4. Die Übersicht aller Artikel eines Schlagwortes bzw. einer Kategorie ist immer nur ein automatischer Text-Ausschnitt die the_excerpt, du könntest das über die content.php Datei anpassen, ich würde es aber eigentlich nicht empfehlen, da es so übersichtlicher ist.

                          Grüße, Ellen

                          • Jörg 12:28 am on June 13, 2013 Permalink | Log in to Reply

                            1. ok, muss ich nochmal suchen, ggf. übersehen. Ich dachte ich stelle es in der Theme Option ein und alle Widgets die im Theme verfügbar sind reagieren dann gleich. :-(
                            2. nein, habe ich noch nicht, schau ich mich noch mal um.
                            3. ok, das ist etwas blöd, dann kann ich kommentieren auch weglassen oder ich müsste immer mit einem [mehr] Link arbeiten um auf die Einzelseite wieder zu kommen.
                            4. wenn ich aber eine Kategorie Referenzen machen möchte bzw. eine Auflistung von Referenzen mit Bild, würde es immer “rausfliegen”, überlege ich mir nochmal.
                            danke soweit.

                      c
                      compose new post
                      j
                      next post/next comment
                      k
                      previous post/previous comment
                      r
                      reply
                      e
                      edit
                      o
                      show/hide comments
                      t
                      go to top
                      l
                      go to login
                      h
                      show/hide help
                      shift + esc
                      cancel