CSS Hover-Effekte sind fehlerhaft

Hallo !

Ich möchte einige Hover-Effekte für das Primarymenü ausprobieren.
Leider funktionieren diese nicht zu 100 % so, wie in dieser Demo (Kukuri) angezeigt.

http://tympanus.net/Development/TextStylesHoverEffects/

Einige Klassen werden trotz !important-Regel nicht angewandt.
Ich kann den Fehler nicht finden. Zum Beispiel wird der helle Balken, der durch den Linktext saust, gar nicht angezeigt.
Außerdem scheint der Text auch nicht völlig vertikal zentriert zu sein. Ich kann gerne ein paar Screenshot hochladen, wenn
das hilft.

Der html-Ausgabecode ist richtig:

<nav id="primary-navigation" class="site-navigation primary-navigation" role="navigation">
<button class="menu-toggle">Primary Menu</button>
<a class="screen-reader-text skip-link" href="#content">Skip to content</a>
<div class="menu-hauptmenu-container"><ul id="primary-menu" class="nav-menu"><li id="menu-item-74" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-74"><a class="link link--kukuri" href="http://forum.wpde.org/view-source:ht…host/wordpress2" data-letters="Startseite">Startseite</a></li>
<li id="menu-item-81" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-81"><a class="link link--kukuri" href="http://forum.wpde.org/view-source:ht…index.php/news/" data-letters="News">News</a></li>

</ul></div> </nav>
Wer kann helfen ? Ich bin völlig ratlos !

Hi ! Würde ich gerne, aber ich nutze eine lokale Testumgebung.
Soll ich die Seite auf einem kostenlosen Webspace hochladen ?
Ist vielleicht besser, oder ?

Ich habe Dir gerade den Link und Zugangsdaten per PN geschickt. Vielen Dank.

Danke, nein, alles öffentlich !

Hier ist die Livesite: http://achgit.square7.ch/live%20access/

Nicht wundern, daß die Farben so grell ausgewählt sind. Das ist nur zu Testzwecken.

Den Effekt, den ich haben möchte, ist hier zu sehen (kukuri):

http://tympanus.net/Development/TextStylesHoverEffects/

Die Klassen sind alle exakt übernommen, haben nur andere Namen erhalten.

Ich verstehe nicht, warum der Text der Menüeinträge nicht deckungsgleich ist und warum der schmale Balken, der über den Text fliegt, gar nicht angezeigt wird.

Die ganzen Beispiele funktionieren übrigens nicht so richtig in wp. Das macht mich verrückt.:confused:

Dein Hinweis war schon mal Gold wert. Danke. Was mich jetzt noch stört, ist dieser minimal rote Rand unten, der wohl davon kommt, daß die beiden Texte nicht exakt übereinander liegen.

Ach, das ist wohl gewollt. Keine Ahnung, warum.