Der erste Fehler ist schon mal, dass du keinen Link zu deiner Problemseite angibst... sollen wir raten oder die Kristallkugel fragen?
Beiträge von Sailor56
-
-
Das wird über CSS Variablen gesteuert ... https://wiki.selfhtml.org/wiki/CSS/Custo…(CSS-Variablen)
Hier ein Auszug aus deiner style.css.HTML
Alles anzeigen:root { --link-color: #ee1133; --button-color: #ee1133; --button-text-color: #fff; --button-hover-color: #D5001A; --button-hover-text-color: #fff; --title-color: #202020; --navi-color: #202020; --navi-text-color: #fff; --navi-hover-text-color: rgba(255, 255, 255, 0.5); --navi-border-color: rgba(255, 255, 255, 0.05); --submenu-color: #ee1133; --submenu-text-color: #fff; --submenu-hover-text-color: rgba(255, 255, 255, 0.5); --submenu-border-color: rgba(255, 255, 255, 0.075); --footer-color: #202020; --footer-text-color: #fff; --footer-hover-text-color: rgba(255, 255, 255, 0.5); --footer-border-color: rgba(255, 255, 255, 0.035); --text-font: Raleway, Arial, Helvetica; --title-font: Quicksand, Tahoma, Arial; --navi-font: Quicksand, Tahoma, Arial; --widget-title-font: Quicksand, Tahoma, Arial; }
für dein Problem relevant sind die Variablen
es sollte ausreichen, wenn du diese beiden Variablenzuweisungen (mit deinen Farben) in der Form
in das zusätzliche CSS einträgst - ggf. mit !important; etwas nachhelfen. -
-
Hab' gerade mit dem w3c Validator getestet. Auch der zeigt für diese Variabelzuweisungen einen Fehler an.
Im Browser wird das allerdings richtig interpretiert - und auch so dargestellt, wie es der Variabelwert vorgibt.
Also auch wenn es sich jetzt komisch anhört... einfach ignorieren... es wird richtig dargestellt und wo diese Fehlermeldung herkommt kann ich nicht erklären.
So wie es ist, wird es in der Doku erklärt... zB https://wiki.selfhtml.org/wiki/CSS/Custo…(CSS-Variablen) -
Da bin ich jetzt etwas überfragt... die Meldung sagt, dass in Zeile 93 -Spalte 2 ein RBRACE--- also eine geschweifte Klammer '}' erwartet wird. Ich denke aber weiterhin, dass das, was da steht, richtig ist.
Mach doch mal folgendes: Kopiere den gesamten Inhalt der CSS Datei (STRG+A .. STRG+C) und füge dann den Code hier (STRG+V)
https://jigsaw.w3.org/css-validator/#validate_by_input
ein. -
..ich hoffe, das ist die richtige Stelle...
Nein... ist es nicht! Änderungen am CSS werden niemals in den original CSS Dateien gemacht. Dafür gibt es das zusätzliche CSS im Customizer.
Vom Dashboard -> Design -> Customizer -> zusätzliches CSSZu deinen Fehlermeldungen - das sieht für mich aus wie reguläre Variablendefinitionen... also kein Fehler.
Was wird dir den angezeigt, wenn du mit dem Mauszeiger auf das rote X zeigst. Da sollte dir eigentlich ein Hinweis gezeigt werden, was falsch ist.Unter den Meldungen steht... 41 Fehler! Also deutlich mehr, als darüber angezeigt wird. Hast du sonst noch irgendwo in der style.css Änderungen gemacht? Das solltest du kontrollieren... und nochmal der Hinweis - Finger weg von den original Dateien des Themes, es sei denn, du weißt ganz genau, was du machst!
-
Ich erkenne 2 Fehler!
1. Du machst mit diplay: none; das Element .inner-icon i unsichtbar. (also die Klasse inner-icon)
Dann soll das Element #inner-icon (also die ID inner-icon)2. du machst das Element 'i' unsichtbar in Schritt 1, aber zeichnest dann ein anders (das Elternelement von 'i') mit 'dispay: block;' aus????
Was denn nun?
-
-
Hätte ich fast übersehen..
habe ich in die style.css eingefügt,
CSS Änderungen niemals in den original CSS Dateien des Themes durchführen!
Dazu nutzt man das zusätzliche CSS im Customizer.
Vom Dashboard -> Design -> Customizer -> zusätzliches CSS -
Den Code habe ich in die style.css eingefügt, aber das hat leider nicht geholfen.
Dann mach daraus mal
Da er auf der Seite mittels Java-Script direkt in den HTML Tag eingefügt wird, ist das die einzige Methode ihn zu überschreiben. -
Hmmm... was zu erwarten war :(. Das dürfte allerdings auch ohne die Umbenennung der ID (2) genau das Problem sein.
Es wird hier beim klicken auf das Menü-Icon über die Toggle-Funktion durch JavaScript die Klasse 'toggled-on' für das Icon, wie auch für das zugehörige <div> mit der Navigation gesetzt. ... nicht so einfach das nachträglich für die geänderte ID einzubauen.
Muss denn überhaupt das zweite Menü, das ist ja ziemlich klein und passt wohl auch schon so auf kleinere Bildschirme, diese Funktion vorhanden sein, dass sich das Menü ausblendet und durch einen Button 'Menü' ersetzt wird? -
Wenn das mal so einfach zu beantworten wäre :(.
Diese ID solltest du auf jeden Fall berichtigen... also das zweite Vorkommen umbenennen (zb id="menu-toggle-2"). Das kann allerdings Folgen haben, denn diese ID's haben natürlich einen Zweck. Neben der Funktion als Selector im CSS, hängen dort mitunter JavaScript Funktionen dran, die dann bei dem unbenannten Element nicht mehr funktionieren.
In dem Fall mit dem mit de Menü könnten das solche Dinge sein, wie die Umschaltung auf das Hamburger-Icon bei kleineren Bildschirmen... oder das Öffnen des Menüs beim kicken auf den Hamburger... oder ... oder ... oder...! Das müsstest du testen und schauen, welche Auswirkungen tatsächlich dran hängen.
Ebenso... allerdings weniger problematisch... können CSS Formatierungen von der ID Benennung abhängen. Das müsste an prüfen und dann ggf. die (umbenannten) Formate im zusätzlichen CSS hinzufügen.
Man sollte natürlich auch die anderen Fehler, die der Validator ausgibt beseitigen. Wobei du die 'Warnungen' wohl erst mal ignorieren kannst. Die werden wahrscheinlich eh vom WP verursacht und dagegen kannst du nichts machen.
Es sind da, soweit ich sehe, aber auch Dinge dabei, die du selbst verursacht hast... zB <style>...</style> mitten im Quelltext, die da nicht hingehören und offensichtlich sowieso keine Wirkung haben weil entweder leer oder Elemente angesprochen werden, die es gar nicht gibt im Code.
Ebenso ist da auch ein oder mehrere Verschachtelungsfehler...Zitat
Da hast... wahrscheinlich du selbst... versucht ein Blockelement (<p>) in eine Inline-Element (<small>) hinein zu packen. Das geht natürlich nicht und wird als Fehler angegeben.
Musst halt Stück für Stück die Validatorliste abzuarbeiten. wenn die Fehler in dem von dir geänderten Teil sind beseitigen und den Rest in Ruhe lassen und ggf. den Entwickler des Themes mal darauf ansprechen. -
Wieso sind denn die Menüpunkte meines secondary-Menüs untereinander angeordnet
Weil die als standardmäßig mit 'display: block; ' formatiert sind.
Versuche...
dann sollten die Menüpunkte nebeneinander dargestellt werden.Mir ist aufgefallen, dass du mehrfach die selbe ID für Elemente vergeben hast - das darf nicht sein! Eine ID darf nur einmal (pro Seite) vergeben werden. Das kann in der Folge zu Fehlern führen - eigentlich macht WP so etwas nicht, es wird also irgendwo dort seine Ursache haben, wo du manuell eingegriffen hast.
https://validator.w3.org/nu/?doc=http%3…ournalist.de%2F -
Schau mal, ob das...
das Problem löst.
Kann da aber nur auf der Seite von deinem 2. Link testen... der 1. Link führt ins Nirwana.Den CSS Code bitte in das zusätzliche CSS (Dashboard -> Design -> Customizer -> zusätzliches CSS) einfügen und anschließend alles testen, ob unerwünschte Nebeneffekte auftauchen.
-
Neee... verboten ist nichts.. ist ja deine Seite.
Aber Suchmaschinen erwarten eben nur ein H1 - so was wie der Titel für alles. Des weiteren ist es natürlich im Sinne des barrierefreien Webdesigns, wenn du damit einem Sehbehinderten eine Orientierung (und dessen technischen Hilfsmitteln) gibst, was es mit dieser Seite auf sich hat - Barrierefreiheit ist eines der Ziele, die man mit HTML anstreben sollte. -
Wo ist das Logo?... zZ ist auf der Seite 'nur' der Titel zu sehen. Da kann man nicht sagen, warum du damit Probleme hast.
Nur eine Vermutung anstellen... dein <div class="site-branding"> ist im CSS mit einer 'max-width: 30%;' formatiert - selbst der Text des Titels wird dadurch ja schon 'abgeschnitten'!
An dieser Stelle solltest du mal suchen und mal testen, ob du durch zB max-width: 100%; eine Verbesserung erzielen kannst.
Ansonsten musst du mal das Logo hochladen und uns schauen lassen, warum es nicht so angezeigt wird, wie es soll? -
Hammer... Zange.... Kuhfuß? ... oder du könntest uns den Link zur Seite geben, dann suchen wir uns das passende Werkzeug selber aus.
-
Hat jemand auf die schnelle eine Ahnung, woher das kommt?
... ohne den Code sehen zu können (Link zur Seite) nein!Zur weiteren Lektüre bitte mal die Forenregeln lesen...
https://forum.wpde.org/termsrules/
Da gibt es auch wertvolle Hinweise zum Thema - 'Wie stelle ich eine Frage mit der größtmöglichen Aussicht auf hilfreiche Antworten'; -
-
Ich vermute, von dem was du beschreibst, dass diese Klasse auch gar nicht in den Stylesheets angelegt ist. Vielleicht bietet der von WP in den img Tag eingefügte Klasse einfach nur eine Möglichkeit selbst damit was anzufangen und eigene Formate zu erstellen... eben für alle Bilder, bei denen WP diesen Klassennamen rein geschrieben hat.
Ich würde mir da weiter keinen Kopf drum machen - zumal das weglassen bzw hinzufügen der Klasse offenbar ja nichts bewirkt!