Beiträge von Sailor56

Ich hätte gedacht, da sind mehr... zumindest hätte ich ein 'style.css' erwartet. Hast du vielleicht übersehen - drücke doch mal in der Quelltextansicht 'Strg'+'f' und tippe dann in das kleine Suchfeld (unten links) .css ein. Du solltest dann einfacher alle Stylesheets identifizieren können.
Im FF Inspektor solltest du allerdings auch sehen können, was in der Klasse drin steht. Untersuche ein Element /(zB dieses Bild) dem diese Klasse zugeordnet ist. Im rechten Teil der Anzeige musst du dann suchen, ob dort dann dieses 'size-full' irgendwo auftaucht... du kannst dann auch sehen, in welchem Stylesheet es steht.
Letztlich ist es aber egal, ob du es findest oder nicht, denn es hätte ja nur informativen Charakter, um eben zu sehen, was drin steht. Dort was ändern solltest du nicht, sondern nur die für dich relevanten Formate in dein Stylesheet übernehmen und so die Anzeige nach deinen Wünschen formatieren. Was dann in der 'size-full' steht ist irrelevant, wird dann ja überschrieben.
Aber du hast doch jetzt schon eine passende Lösung für dein Problem - oder? Warum plagst du dich dann jetzt noch mit den internen Unzulänglichkeiten von WP und dessen CSS Einstellungen herum?

Das kann und wird schon so sein, dass WP die Klasse zu dem img Tag hinzufügt. Das wirst du aber beim Einfügen des Bildes irgendwie vorgeben bzw auswählen müssen.
Welche Wirkung das hat muss aber im Stylesheet stehen, wo eben diese Klassen definiert sind - wenn du das nicht gefunden hast, dann hast du noch nicht gründlich genug gesucht. Wie viele Stylesheets werden eingebunden? Schau mal genau nach.

Diese Fehlermeldungen kannst du getrost ignorieren. Diese 'webkit' 'moz' Dinger sind eigentlich nur dafür da, um eine CSS Eigenschaft solange sie vom Browserhersteller noch im experimentellen Stadium sind und noch nicht in den Standard übernommen wurden eben auch bei nicht standardkonformen Browsern nutzen zu können. Viele von diesen Dingern sind bestimmt jetzt überflüssig, weil die anzusprechenden Formate jetzt bei neueren Browsern im Standard aufgenommen sind... Aber lass es... da suchst du dir einen Wolf, um das rauszukriegen... es verursacht auch keine Fehler in der Anzeige.
Dieses bei dir vorkommende 'size-full' und 'size-medium' sind keine WP Standardklassen... sowas gibt es nicht. CSS Klassen werden immer in einem Stylesheet definiert und da musst du auch suchen, wenn du wissen willst, was diese Klasse beinhaltet. Der Name legt zwar eine bestimmte Funktion nahe... aber darauf kannst du dich nicht verlassen... Stylesheet nach dem Klassennamen durchsuchen, dann siehst du, was drin steht.

:)... nicht ich muss damit einverstanden sein, sondern du! Deine Seite... dein CSS ... deine Entscheidung.
Aber wenn das schon so ein steinaltes Ding ist, solltest du prüfen, ob da nicht noch irgendwelche Überraschungen lauern.... wir sind jetzt bei CSS 3 angekommen... und in deinem Stylesheet (wohl noch auf CSS 2 basierend) kann man sicherlich einiges optimieren.
Auf jeden Fall solltest du es mal durch einen Validator laufen lassen... .https://jigsaw.w3.org/css-validator/
Aber zurück zum Problem... wenn du es selber hineingeschrieben hast und es verursacht Probleme dann lösche es... fertig!
Prüfe aber bitte mal im ausgelieferten Quellcode, ob dieses Stylesheet als Letztes an den Browser ausgeliefert wird ... wie schon erwähnt, die Reihenfolge spielt eine Rolle und wenn es vor einem anderen Stylesheet steht und/oder danach noch Inline-Styles kommen, dann besteht die Gefahr, dass Formatierungen, die du mühsam in dein 'LiveCSS' eingefügt hast, wieder überschrieben werden.

Zitat von Autor33

Was genau meinst du, das Stylesheet vom Theme, wenn ich dort etwas ändere/ergänze? Das wird bei Updates nicht überschrieben. Hast du selbst geagt und ich habe es bei diversen Updates vom Theme auch immer so wahrgenommen.

... hmmm... hab ich das?

Zitat von Sailor56

Und mache bitte keine Änderungen in den Stylesheet deines Themes - dafür nutzt man das zusätzliche CSS des Customizers!

post #5

Zitat von Sailor56

Ebenso niemals CSS Änderungen in den Theme-Dateien durchführen, auch die sind weg, wenn ein Update kommt. Das zusätzliche CSS bleibt aber immer erhalten, überlebt also einen Update.

post #14

Zitat von Autor33

...doch das Theme-Stylesheet mit einer Anweisung für den IE8,....

Wenn es nur für den IE8 gilt, dann gehört es in eine 'Browserweiche' (https://www.mediaevent.de/css/conditional-comments.html) wenn das der Entwickler deines Themes/Plugins/Was_auch_immer so in das Stylesheet geschrieben hat, dann gehören im die Ohren gerubbelt!

Du hörst (bzw. liest) mir nicht zu - oder?
Wenn du gerne meine Empfehlungen in Sachen CSS ignorieren magst, dann mach einfach. Solltest dich aber dann nicht wundern wenn die Arbeit, die du jetzt in das Projekt steckst, irgendwann durch die Originaldateien überschrieben werden und du wieder von vorne anfangen musst.
Außerdem, wie kommst du jetzt wieder auf den Selektor '.block-type-content div.entry-content img'?
Du warst doch schon mit dem '.block-type-content div.entry-content img[COLOR=#ff0000].wp-image-310[/COLOR]' einen Schritt weiter - oder seh ich das verkehrt?

Mit dem Inspektor (zB vom FireFox) bekommst du das sogar sehr genau angezeigt.
Von dem Element, das du auf der linken Seite ausgewählt hast, werden ja im rechten Teil alle relevanten CSS Formatierungen angezeigt - ebenso siehst du da den/die im CSS verwendeten Selektoren und kannst auch erkennen, welches der dort gesetzten Formate an anderer Stelle überschrieben wurde. Die Überschriebenen werden in der Liste 'durchgestrichen' dargestellt.
Wenn du jetzt eine Formatierung 'manuell' ändern willst, dann suche in dieser Liste den Selektor, mit dem die gewünschte Eigenschaft eingestellt wird (nicht durchgestrichen) und füge mit genau diesem Selektor die neue, manuelle Formatierung in das zusätzliche CSS im Customizer ein...
Sollten dann mehr als nur das/die Element(e) von der Änderung betroffen sein, als du beabsichtigst, dann muss der Selektor ggf noch weiter spezifiziert werden... also zB nicht nur img sondern img.wp-image-310.
ja.. ich habe gelesen, dass du da noch nie was eingetragen hast, das ist aber ein Fehler von dir, denn genau dafür ist das zusätzliche CSS da!
Es wird vom Browser als letztes gelesen und erfüllt damit schon mal automatisch die Bedingung, dass das zuletzt gelesene Formt gilt... weil alle vorherigen eben dadurch überschrieben werden.
Eigene CSS Klassen würde ich nur im allergrößten Notfall einführen - die werden auf jeden Fall bei jedem Update wieder gelöscht. Ich würde nur die schon vorhandenen CSS Klassen nutzen
Ebenso niemals CSS Änderungen in den Theme-Dateien durchführen, auch die sind weg, wenn ein Update kommt. Das zusätzliche CSS bleibt aber immer erhalten, überlebt also einen Update.
Wenn es um responsive Design für Smartphone und Co geht, solltest du dich mit MediaQueries beschäftigen.

Bei dem Fall mit dem Bild, dürfte das aber nicht nötig sein, denn in der Kombination..
width: 100%;
max-width: (irgendwas)px;
passt sich die Bildgröße automatisch an jedes Display an... es ist immer 100% breit, aber nie breiter als (irgendwas)px.

Als kleiner Hilfepunkt... schau dir mal dieses Video an.

Deine Frage lässt vermuten, dass du mit den Grundlagen wenig vertraut bist.
Aber ok... ist vielleicht auch nicht ganz so einfach zu verstehen, deswegen versuche ich es mit einfachen Worten verständlich zu machen. Die Fachleute mögen mir verzeihen, wenn es dadurch zu vereinfachend dargestellt wird.
Zunächst mal haben diese Tag-Erweiterungen (width="xxx" und height="yyy") wenig bis gar nichts mit CSS zu tun. Das sind Überbleibsel aus einer veralteten HTML-Welt, die spätestens seit HTML 5 eigentlich gar nicht mehr verwendet werden sollten.
Diese veralteten HTML Elemente sind die am wenigsten priorisierten Formatierungsanweisungen, die man verwenden kann und werden nur wirksam, wenn es keine anderen Formatierungen (zB in eine Stylesheet) gibt. Da kann man reinschreiben was man will... sobald irgendwo im CSS eine auf dieses Element bezogene Formatierung steht, dann gilt die CSS Anweisung, die HTML Vorgabe wird überschrieben.
Innerhalb des CSS gibt es dann eine Wertigkeit, wie die hier festgelegten Formatierungen vom Browser abgearbeitet und umgesetzt werden.
Wie hochwertig eine Formatierung ist hängt von mehreren Faktoren ab - zunächst mal davon, wie exakt das Element angesprochen wird.
Die Ansprache eines Elementes erfolgt über CSS-Selektoren - und da wäre zB 'img' minderwertiger als 'img.wp-image-310'. Da gilt generell, je genauer der Selektor auf das Element zutrifft, desto höherwertiger ist die Anweisung.
Ebenso spielt die Reihenfolge der Anweisungen im Stylesheet eine Rolle. Sind mehrere gleichwertige Formatierungen vorhanden, dann gilt immer die letzte.... also wenn du im Stylesheet vorgibst... img {width: 100%;} und irgendwo dahinter dann sagst img {width: 365px;}, dann gelten die 365px für alle Elemente, die sich vom Selektor 'img' angesprochen fühlen und nicht von einem höherwertigen Selektor anders formatiert werden.

Aber wie schon gesagt, eine Suchmaschine ist dein Freund. Zu diesem Themenbereich gibt alles was du wissen willst, dich nur bisher nicht getraut hast zu fragen, in tausendfacher Ausführung im Netz.

Es klappt... wo hast du dann ein Problem mit 'ignorierten' Angaben?
Zumal im (validen) CSS eigentlich keine Angabe ignoriert wird. Es ist nur möglich, dass eine Formatierung an anderer Stelle, von einer höher priorisierten Formatierung überschrieben wird... Ober sticht Unter!
Zum Einlesen in diese Thematik kann ich nur empfehlen, mal die Suchmaschine deines Vertrauens zu befragen -
ein netter und leicht verständlicher Einstieg dazu könnte das sein:
https://wiki.selfhtml.org/wiki/CSS/Tutor…instieg/Kaskade

Das 'width: auto;' musst du weglassen... du hast eine width-Angabe und das zweite width macht das erste ungültig.... zwei überschreibt eins!
könnte sein, dass wp-image-310 richtig ist.. aber wenn, dann ist es wahrscheinlicher, dass es die Klasse des Bildes ist und dann wäre der Selector:
.block-type-content div.entry-content img.wp-image-310

Aber versuche es zunächst mit '.block-type-content div.entry-content img' (ohne das width:auto;) und schau, was passiert.
Sollten dann mehr als das/die Bild/er in einem anderen, als dem gewünschten Format dargestellt werden, kannst du immer noch den anderen Selektor testen.

Wenn du den richtigen CSS Selektor (https://wiki.selfhtml.org/wiki/CSS/Selektoren) benutzt, dann wirkt diese Formatierung nur auf die mit dem Selektor angesprochen Bilder.
Und mache bitte keine Änderungen in den Stylesheet deines Themes - dafür nutzt man das zusätzliche CSS des Customizers!

Um das Bild mit der gewünschten Größe darzustellen, müsstest du mal testen, ob...
width: 100%;
max-width: 'deine-Breite'px;
dich deinem Ziel näher bringt.

Wenn du vom Support keine befriedigende Antwort bekommst, könnte man versuchen die 'fehlerhafte' Anzeige der Liste mit CSS etwas zu manipulieren.

div.comment_container {
  clear: both;
  margin-bottom: 16px;
  overflow: hidden;
}
img.avatar {
  margin-right: 8px;
}

Füge diesen CSS Code mal in das 'zusätzliche CSS' ein - vom Dashboard -> Design -> Customizer -> zusätzliches CSS
Danach natürlich die Seite prüfen, ob irgendwo unerwünschte Nebenwirkungen auftreten.
Bei Nichtgefallen (oder wenn eine Antwort vom Support kommt) einfach den Code wieder aus dem zusätzlichen CSS löschen.

VendiPro ist doch ein Kauf-Theme... da hast du den Support ja mitbezahlt - den würde ich als erstes in Anspruch nehmen.
Ansonsten ist es ohne Link zur Seite kaum möglich etwas zur Problembehebung zu sagen.

z-index ????
https://www.w3schools.com/cssref/pr_pos_z-index.asp

Versuche bitte ob der CSS Code

#site-logo #site-logo-inner a img {
   width: 100vw;
}

zur Problemlösung beim IE führt.

Code ins 'zusätzliche CSS' einfügen - vom Dashboard -> Design -> Customizer -> zusätzliches CSS

Die Schriftfarbe lässt sich im CSS mit der Eigenschaft 'color: Wunschfarbe;' anpassen.

/* Für die Startseite */
.home .navbar-inverse .navbar-nav > li > a {
  color: #fff;
}


/*Für alle anderen Seiten */
.navbar-inverse .navbar-nav > li > a {
  color: #666;
}

Den Code in das zusätzliche CSS eintragen - vom Dashboard -> Design -> Customizer -> zusätzliches CSS

Nach der Änderung prüfen, ob es auf allen Seiten funktioniert und ob es unerwünschte Nebenwirkungen gibt.

Bitte einen Link zur Seite, damit man sich das 'live' anschauen kann. Mit der Vorschau auf der verlinkten Seite kann man wenig bis gar nichts anfangen.

Diesen Code ins 'zusätzliche CSS' - vom Dashboard -> Design -> Customizer - zusätzliches CSS

.av-catalogue-image {
  width: 100px; /*100px nur beispielhaft - geht auch größer oder kleiner*/
  border-radius: 0px; /* auch hier, 0px nur beispielhaft. Mit anderen Werten werden die Ecken etwas abgerundet*/
}

sollte helfen.
Nach Änderung bitte alle Seiten auf unerwünschte Nebeneffekte prüfen.

Bitte mal lesen...https://forum.wpde.org/threads/forenr…alb-zuerst.482/(besonders Abschnitt II) und dann die Frage neu stellen.