Beiträge von Sailor56

Der Container '.wrap' wird an mehreren Stellen (Mediaqueries) durch max-width formatiert.
Einfach mal in den Theme Einstellung suchen, ob man diese Schaltpunkte anders... nach den eigenen Vorstellungen ändern kann.
Ansonsten die Werte im 'zusätzlichem CSS' überschreiben.

Das ist kein Hexenwerk... dazu nutzt man die Webentwicklertools, die in jedem neueren Browser vorhanden sind.
Je nach dem benutzen Browser ist die Optik und die Handhabung etwas unterschiedlich.. letztlich ist die Funktion aber bei allen gleich.
Am besten startet man die Tools, indem man mit der rechten Maustaste das Element, welches man untersuchen will, anklickt und dann 'Element untersuchen' (oder sinngemäß bei unterschiedlichen Browsern) im Popupmenü auswählt.
Es startet dann der 'Inspektor' - eines der Webentwicklertools.
Das mit dem Rechtsklick ausgewählte Element ist dann schon ausgewählt und es wird (meist) im linken Fenster das Element, wie es im Quellcode steht angezeigt. Im rechten Bereich wird das diesem Element zugeordnete CSS angezeigt - tja... dann braucht es etwas Erfahrung und Grundkenntnisse im CSS, um zu erkennen, welche CSS Formatierung für was zuständig ist und wie man das ändern kann.

Das scheint von 'Jetpack' verursacht zu sein.
Teste bitte folgendes im 'zusätzlichen CSS':

.screen-reader-text,
.screen-reader-text:hover {
clip-path: inset(0%);
}

/* kehrt die Anzeigereihenfolge im Header um */
.inside-header {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: center;
}


/* Platzbedarf/Höhe Titel */
.site-branding {
  padding: 30px;
}


/* Leerraum unter Slider */
.header-widget {
  margin-bottom: 30px;
}

Ins zusätzliche CSS - auf unerwünschte Nebenwirkungen prüfen - bei Nichtgefallen wieder löschen.

Welchen Browser benutzt du? Alle gängigen Browser haben Webentwicklertools und in denen gibt ein Tool 'Inspektor' und auch eine Laufzeitanalyse, die werden dir die nötigen Informationen zeigen... meist werden die Webentwicklertools durch F12 aufgerufen. Schau mal, ob dir das hilft?

Zunächst ein Hinweis... <input> hat keinen schließenden Tag </input>.
Das ::after gehört nicht in den HTML Code.

Soweit mir bekannt ist, kann man einem <input> kein :after zuordnen! Man könnte aber dem Input ein Label geben und dem dann ein ::after zuweisen.
HTML

<label class="nono"><input class="current wpmudevevents-maybe-submit" type="submit" name="action_maybe" value="Vielleicht" disabled="disabled"></label>

CSS

label.nono::after {
   content: "test";
   font-size: 20px;
   color: red;
}

Zunächst mal scheint dieser Effekt durch die sehr lange Ladezeit verursacht zu werden - du solltest dir mal überlegen, ob du das tatsächlich alles brauchst, was da geladen werden muss.
Diese 'Sprung' der Seite beim Laden wird auf jeden Fall von der verzögerten (siehe oben) Ausführung einer JavaScript Funktion ausgelöst, die dafür sorgen soll, dem <div class="menu-fixer"> eine Höhe von 115px zuweisen soll. Um genau diese Höhe springt dann die Anzeige, weil eben die Zuweisung 'verzögert' erfolgt.
Was du versuchen könntest, weise dem Div per CSS diese Höhe zu und komme damit der der JS Funktion zuvor.

#wrapper .menu-fixer {
  height: 115px;
}

Diesen Code in das zusätzliche CSS (vom Dashboard -> Design -> Customizer -> zusätzliches CSS).
Bitte auf unerwünschte Nebeneffekte an anderen Stellen prüfen.
Wenn es nicht zufriedenstellend funktioniert einfach wieder aus dem zusätzlichen CSS löschen.

Für alle Bildschirmbreiten wirst du es sowieso nicht machen können - da werden immer Kompromisse nötig sein. Denk nur an Handy-Displays, die in der Portait-Ansicht ja deutlich höher als breit sind. Letztlich sind es die Proportionen der Bilder im Slider, die den machbaren Rahmen vorgeben.
Mach halt so gut es geht und nimm in Kauf, dass gerade bei mobilen Endgeräten die Startseite nicht ganz mit dem Slider ausgefüllt ist.

Ja das kann man... da hab ich wohl etwas beim testen des Codes etwas geschludert.
In dem Code, den ich geschickt habe, taucht mehrfach der Selektor '.sydney-hero-area' auf - jeweils in unterschiedlichen MediaQueries für unterschiedliche Bildschirmbreiten... zB

.sydney-hero-area {
  height: calc(100vw / 2.35) !important;
}

Die Zahl 2.35 (oder was auch immer bei den anderen Vorkommen des genannten Selektors steht) gibt hier jeweils die Höhe des Container, in dem der Slider läuft, im Verhältnis zur Bildschirmbreite (Bildschirmbreite = 100vw) an.
In obigen Beispiel ist die Containerhöhe also die Bildschirmbreite / 2.35. Diesen Wert kannst du so anpassen, dass es für dich passt und somit die Höhe einjustieren.
Bitte beachten: Die Schreibweise in diesem Ausdruck.. also die Leerzeichen und der Dezimalpunkt (kein Komma)... muss erhalten bleiben.
Der Selektor '.sydney-hero-area' kommt im Code für unterschiedliche Bildschirmbreiten mehrfach vor - da müsste dann ebenfalls eine Anpassung für die betreffende Breite vorgenommen werden.

Dein Problem ist weniger der CSS Code, sondern das JavaScript, mit dem der CSS Code bei Änderung der Seitenbreite manipuliert wird.
Das mag eine gute Idee sein, wenn es denn richtig funktiniert, aber in deinem Fall tut es das ja nicht. An den JavaScript Code müsste der Entwickler die Korrekturen einbringen, denn das ist eine Sache für sich und bei WP Installationen auch nicht trivial... also ich zumindest kann das nicht.
Was ich aber versucht habe, ist die JavaScript Manipulationen durch CSS zu überschreiben...

#main .posts-layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100% !important;
  height:  auto !important;
}
#main .posts-layout article {
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  width: 30%;
  height:  auto !important;
  padding: 0px !important;
 
}
.sydney-hero-area {
  height: calc(100vw / 2.35) !important;
}


@media screen and (max-width: 1199px) {
   .masonry-layout .hentry {
      width: 30%;
   }
   #main .posts-layout article {
      width: 30%;
   }
   .sydney-hero-area {
      height: calc(100vw / 1.75) !important;
    }
}
@media screen and (max-width: 991px) {
   .masonry-layout .hentry {
      width: 45%;
   }
   #main .posts-layout article {
      width: 45%;
   }
    .sydney-hero-area {
      height: calc(100vw / 1.66) !important;
    }
}
@media screen and (max-width: 767px) {
   .masonry-layout .hentry {
      width: 90%;
   }
   #main .posts-layout article {
      width: 90%;
     margin: 0px auto;
   }
   .sydney-hero-area {
      height: calc(100vw / 1.65) !important;
    }
}

Bitte den CSS Code mal versuchsweise in das 'zusätzliche CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS) einfügen.
Bitte auch auf unerwünschte Nebenwirkungen in anderen Bereichen der Seite achten.
Wenn es nicht zufriedenstellend funktioniert, einfach den Code im zusätzlichen CSS wieder löschen.

So wie es aussieht, soll an der Position (oben/rechts) eine Bild angezeigt werden...
https://www.fewo-kerschbaum.de/wp-content/the…/images/nav.png
... diese Grafik existiert aber nicht

Hmmm... das ist nicht richtig!!!
1. wenn du Zahlenwerte einträgst --- zb margin:0 5;--- dann muss da eine Einheit angegeben werden (%, px, em.....! Nur der Wert 0 benötigt das das nicht, weil 0 ist null.
2. Nutze niemals die original zum Theme gehörenden Dateien, um Änderungen durchzuführen. Alle Änderungen hier werden bei einem Update wieder auf das Original zurückgesetzt. Änderungen besser in einem Child-Theme... oder wenn es um einfache CSS Änderungen geht im 'zusätzlichen CSS' im Customizer durchführen...

Wie und wo hast du die Änderung eingefügt?
Bei mir sieht es mit der Änderung so aus...

Bin mir zwar nicht ganz sicher, was du meinst... aber teste bitte mal folgendes, ob das in die richtige Richtung geht!

body.page-template-onecolumn-page #content {
    margin: 0 auto;
    width: auto;
}

Und dann natürlich prüfen, ob es irgendwo unerwünschte Nebenwirkungen gibt?

Zitat von JABA-Hosting

Die meisten Hoster schalten aber schon PHP 5.6 ab.

.. nicht nur das, viele verlangen dann auch richtiges Geld für den 'extended support'

Diese Zeile(n), die du dort herausgefunden hast, sind eindeutig kein valides CSS.
Aber wenn der 'Selektor' .widget-title span richtig ist, dann versuche in der style.css deines Child-Themes folgendes einzutragen.

.widget-title span {
   color: deineFarbe; /*festlegen der Schriftfarbe*/
   border-bottom: none;
}

HTML5 ist kein Videoformat... aber der HTML5 Player (der wird wohl gemeint sein) unterstützt MP4.

Nutze doch mal die Suchmaschine deines Vertrauens und suche nach zB 'swf umwandeln in mp4'.
Habe zwar selbst noch keinen swf nach mp4 umgewandelt und kann nicht sagen, wie gut oder schlecht das funktioniert, wäre aber einen Versuch wert!

So wie ich es verstehe, liegt das an der ineinander Verschachtelung von mehreren Sub-Menü-Ebenen. So ganz blicke ich aber durch den CSS Code und die diversen Manipulationen desselben durch JavaScript nicht durch - allerdings in der Simulation (FireFox Webentwicklertools) führt folgender Code zu einem halbwegs zufriedenstellenden Ergebnis.

ul.dropdown li.parent > a {
  padding-right: 0px;
}
.navi ul.children, .navi ul.sub-menu ul.sub-menu {
  margin-left: 44px;
}

Bitte in das 'zusätzliche CSS' (Dashboard -> Design -> Customizer -> zusätzliches CSS) eintragen - und dann natürlich gründlich testen, ob die Simulation auch in freier Wildbahn wirkt und vor allem keine unerwünschten Nebeneffekte erzeugt.

Ein Font-Family-Name... zB Times New Roman, bei dem der Name Leerzeichen enthält, wird im CSS in Anführungszeichen eingefügt...

font-family: "Times New Roman", Times, serif;

was bei 'durchgehenden' Namen nicht notwendig ist.
@SEpp55 hatte in seinem Beitrag #12

font-family: Trebuchet MS;

den Namen (mit Leerzeichen) ohne Anführungszeichen angegeben - das könnte dazu führen, dass diese Schriftart vom Browser nicht erkannt wird.