Bildbreite im Theme ändern

Das ist schon möglich, es gibt ziemlich sicher sogar mehrere bis viele Wege zum Erfolg,

ABER,

bevor wir jetzt mit gemeinsamen Kräften mal hier und mal da und mal dort was verschlimmbessern, vielleicht doch erstmal kurz stehen bleiben, Seite ansehen und sich die Frage stellen: was mach ich da eigentlich?

Durch deine Anpassung der Seitenbreite ist das Design nicht mehr responsive, d.h. bei kleinerem Browserfenster wandert die gepunktete Linie seitlich in den Text.
Gewollt? Ich glaube kaum …

Für dein Video ist das Tool zum Einbetten des Video verantwortlich.

Die Bilder werden vom Theme in der image-size large ausgegeben. Und die ist mit 640 Pixeln definiert. Kannst du entweder unter Einstellungen -> Medien verändern (greift dann aber erst für Bilder, die von da an neu hochgeladen werden) oder, wenn es im Admin-Bereich ausgegraut ist, in der functions.php

Oder du veränderst dein Seitentemplate dahingehend, dass die Bilder in der image-size full ausgegeben werden und passt es per css an die Breite vom Textbereich an.

Gruß
helix

Indem du erstmal rausfindest, wie sich das Theme responsive verhält: Welche Elemente verändern (wann und wie) ihre Größe oder ihre Position. Das kannst du einerseits beobachten, Browserfenster mal einfach zusammenschieben. Andererseits in der Stylesheetdatei gucken, was da definiert ist. Für das responsive Verhalten sind sogeannte Media Queries verantwortlich, die beginnen im Stylesheet immer mit Media, kannst du also über die Suchen-Funktion im Editor-Programm leicht finden.

Die Logik von diesen Media Queries ist: Wenn die Größe vom Ausgabegerät / Browserfenster größer oder kleiner wird als ein bestimmtes Maß (da gibt es unterschiedliche Ansätze, ob man das von groß nach klein oder von klein nach groß organisiert), werden die relevanten ids oder Klassen anders definiert.

Du musst also nicht nur generell die Maße anpassen, sondern auch gucken, dass bei den veränderten Definitionen bei den Media Queries auch noch alles zusammenpasst.

Für die Bildbreite gibt das Theme eigentlich alles schon richtig vor. Da ist (wenn ich nix übersehen habe) definiert

img {
    height: auto;
    max-width: 100%;

Das heißt „übersetzt“: Das Bild wird in seiner Originalgröße ausgegeben, es darf aber nicht breiter sein als die Breite vom umschließenden Element (der Inhaltsbereich). Wenn der Inhaltsbereich schmaler ist, als die Bildbreite, wird das Bild verkleinert. Die Höhe (auto) wird so angepasst, dass die Proportionen erhalten bleiben.

Du musst das Bild nur groß genug hochladen und auch ausgeben. Was ich vorhin gesehen hatte, mit der image-size large, das muss von dir kommen (beim Einfügen des Bilds, da kannst du die Größe auswählen), auf der Demo vom Theme ist es nämlich in Fullsize ausgegeben (nein, large ist nicht größer als full ;-))

Gruß
helix