Hallo nach dem update von 16,6 zu 16,7 ist plötzlich um die Richtungspfeile in allen Projekten immer eine Umrandung, wie bekomme ich die wieder weg?
siehe roter Pfeil.
Ihr Reisebüro mit Beratung zu Kreuzfahrten ✔ (kreuzfahrten-invia.de)
Slider und Header Richtungspfeile Rand drumherum
-
Hallo Nemessis,
ich kann das in Chrome, Edge und Firefox nicht reproduzieren. Hast Du mal den Cache geleert? Bei mir nehmen die Richtungspfeile nur eine hellere Farbe bei Hover an. Mehr aber auch nicht.
Viele Grüße
Tom
-
Hallo Tom, ja Cache ist geleert, das bleibt aber wenn man den Pfeil anklickt kommt die Umrandung im EDGE..
-
bei allen Webseiten...
-
Hallo nemessis
Die Umrahmung des Richtungspfeils erscheint, wenn der User den entpsprechenden Richtungspfeil angeklickt hat und dient als zusätzliche Markierung.
Mittels CSS kannst Du diese Markierung "ausblenden".
Eigenschaften -> CSS -> folgender Code eintragen ...
Code<style> .flex-direction-nav a:not(.moespecifity):focus-within::before, .flex-direction-nav li a:not(.moespecifity):focus-within::before { outline: 0px; outline-offset: 0px; } </style>Getestet nur mit Locus Responsive und Campfire Responsive. Keine Haftung für ungewollte Nebenwirkungen.
Edit. 22:00h: Huch. Da fehlte ein "}". Pardon!
Viel Glück und viele Grüsse
elch
-
Hallo Nemessis, hallo Elch,
möglicherweise reden wir ja aneinander vorbei. Ich bezog mich auf die rechteckige Umrandung, die ich nicht reproduzieren kann und die vermutlich gemeint ist. Ich bezog mich nicht auf die rechtsseitige/linksseitige Umrandung des Pfeils, die dieser bei Hover zeigt.
Viele Grüße
Tom
-
Ich bezog mich nicht auf die rechtsseitige/linksseitige Umrandung des Pfeils, die dieser bei Hover zeigt.
Genau das meine ich.
-
Alles anzeigen
Hallo nemessis
Die Umrahmung des Richtungspfeils erscheint, wenn der User den entpsprechenden Richtungspfeil angeklickt hat und dient als zusätzliche Markierung.
Mittels CSS kannst Du diese Markierung "ausblenden".
Eigenschaften -> CSS -> folgender Code eintragen ...
Code<style> .flex-direction-nav a:not(.moespecifity):focus-within::before, .flex-direction-nav li a:not(.moespecifity):focus-within::before { outline: 0px; outline-offset: 0px; } </style>Getestet nur mit Locus Responsive und Campfire Responsive. Keine Haftung für ungewollte Nebenwirkungen.
Edit. 22:00h: Huch. Da fehlte ein "}". Pardon!
Danke werde ich ausprobieren..Viel Glück und viele Grüsse
elch
-
Alles anzeigen
Hallo elch - hab es so eingefügt - ging nicht..leider Test mit Locus Responsiv
<style>
}
.flex-direction-nav a:not(.moespecifity):focus-within::before,
.flex-direction-nav li a:not(.moespecifity):focus-within::before
outline: 0px;
outline-offset: 0px;
}
</style>
Hallo, ich habe jetzt mal die Pfeile an und ausgeschaltet dann gehts wieder... geht doch nicht so bei anderen Seiten..
-
Hallo Nemessis,
die schließende Klammer in Zeile 2 muss raus.
Viele Grüße
Tom
-
Du hast die falsche Klammer entfernt. So sollte es aussehen:
<style>
.flex-direction-nav a:not(.moespecifity):focus-within::before,
.flex-direction-nav li a:not(.moespecifity):focus-within::before {
outline: 0px;
outline-offset: 0px;
}
</style>
-
Hallo Nemessis,
da müsste nochmal der liebe Elche ran. Ich habe nur den Syntaxfehler bei Deinem Style entdeckt und damit helfen können.
Viele Grüße
Tom
-
Ja das Problem ist seit irgendein Update.
Nervt! Ich nutze seit dem den Header nicht mehr. Aber warum auch immer …
-
Guten Abend, gute Nacht
Ich persönlich finde die Umrandung ganz nett!
Mein Browser zeigt mir jedoch an, dass mit folgendem Code auch die Pfeilumrahmung im Slider beseitigt werden kann.
(Alles ohne Gewähr!)
Code<style> .zp13slider-direction-nav a:not(.moespecifity):focus-within::before, .zp13slider-direction-nav li a:not(.moespecifity):focus-within::before, .flex-direction-nav a:not(.moespecifity):focus-within::before, .flex-direction-nav li a:not(.moespecifity):focus-within::before { outline: 0px; outline-offset: 0px; } </style>Eine gute Woche und eine gute Zeit.
Viele Grüsse vom Jurasüdfuss
elch
PS: Ist nun wohl eher ein Thema für die Web-Plauderecke
-
Ja das Problem ist seit irgendein Update.
Nervt! Ich nutze seit dem den Header nicht mehr. Aber warum auch immer …
Der Code funktioniert aber super...
-
Das sollte eigentlich seitens Zeta ausgebessert werden…
-
Das sollte eigentlich seitens Zeta ausgebessert werden…
Mal sehen, was wir da tun können, ohne die Barrierefreiheit zu degradieren. Focus Stile sind z.B. sehr wichtig für Behinderte, die statt mit der Maus nur per Tastatur navigieren können…
-
Online-Update für Version 16.8.X ist raus. Damit sollte es sich nun besser verhalten und die Focus-Stile nur sichtbar werden, wenn mit Tastatur statt Maus navigiert wird (z.B. per Tab-Taste).
Wer bereits 16.8.X nutzt kann das CSS von oben wieder entfernen. Wer noch 16.7 (oder älter) nutzt kann es entfernen, nachdem später mal auf 16.8 aktualisiert wurde.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!