Beiträge von Sailor56

Mach das, was @danielgoehr dir geraten hat.. füge deinen CSS Code im 'zusätzlichen CSS' ein!
vom Dashboard -> Design -> Customizer -> zusätzliches CSS

Das sollte nicht an dem Code liegen, den du gepostet hast. Mit dem bekomme ich dieses Ergebnis:

Könnte da noch was anderes sein im CSS, dass dir dieses Ergebnis zunichte macht?

Ja.. so ist besser!
Teste mal folgenden CSS Code im zusätzlichen CSS.

.wp-video {
  margin: 0 auto; 
}

Sorry, wen das missverständlich ist... aber bei deinem Link kommt nur..

'Du bist leider nicht berechtigt. Entwürfe anzusehen'

... ja... leider... aber das ist mittig ;)!

Das kann ich immer noch nicht bestätigen... wenn ich das Originalbild, mit der Adresse aufrufe, die im Quellcode angegeben ist...
https://i2.wp.com/www.fairfashio…000%2C675&ssl=1
dann sieht das genau so aus, wie es im IE 11, Chrome, Opera und FireFox angezeigt wird - kann nichts abgeschnittenes erkennen!
Kann es sein, dass das schon beim hochladen in die Mediathek von WP zugeschnitten wird?

Das ist ja auch die falsche Syntax!
Richtig ist die Form
Selektor {
Eigenschaft: Wert;
}
Wenn du den Selektor richtig gewählt hast - .postid-128 .page-wrap - dann sollte

.postid-128 .page-wrap {
padding-top: 0px;
}

dir weiter helfen. vorausgesetzt, dass tatsächlich das 'padding-top' des Elementes mit der Klasse '.page-wrap' dein Problem verursacht.

Ich kann nicht erkennen, wie du auf diese Selektoren kommst... davon finde ich keinen einzigen in deinem Code - richtig wäre das hier:

#footer {
  background-color: #fff;
}
#footer .et_pb_widget a {
  color: #000;
}
#footer-bottom {
  background-color: #AABBCC;
}
#footer-info, #footer-info a  {
  color: #000;
}
.et-extra-icon::before {
  color: #000;
}

Damit solltest du alle Elemente ansprechen und bei jedem individuell Farbe und alles andere einstellen können.

Das kann ich nicht feststellen, dass die Bilder abgeschnitten werden - hast du mal den Cache geleert und die Seite aktualisiert?
Welchen Browser nutzt du?

Die Größe der Bilder könnte man mit:

.search-results .et_pb_post .entry-featured-image-url img {
  width: 60%;
}

Im 'zusätzlichen CSS' beeinflussen. Wobei 60% durch jede andere Breitenangabe ersetzt werden kann.

Du solltest dich allerdings einmal mit deinen Theme-Einstellungen beschäftigen, denn dort wird irgendwo für die Bilder eine Größe von width="1080" height="675" als Inlinestyle in den <img> Tag eingefügt.
Es wäre besser, wenn du an dieser Stelle versuchst die Größe einzustellen. Allerdings gehen da nur Angaben in Pixeln.

Hast du deine 'alten' Änderungen nicht mehr? Du beziehst dich ja auf ein vor Jahren schon mal gelöstes Problem, da hätte ich gedacht, du hast diesen Code noch oder könntest in den alten Threads nochmal nachschauen.
Ansonsten brauchen wir dann hier einen aktuellen Link zur Seite und eine genaue Beschreibung, was geändert werden soll/muss - sofern das, was du oben beschrieben hast, noch präzisiert werden kann.

Nein... lass die Finger von der style.css! Was passieren kann, siehst du ja jetzt - Änderungen dort werden bei jedem Update überschrieben.
Wenn du kein Child Theme angelegt hast... kein Problem... dann machst du deine Änderungen im 'zusätzlichen CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS)

Was genau willst du geändert haben? Ich sehe dort nur die Elemente #footer und #footer-bottom , die eine (änderbare) Hintergrundfarbe haben. Und bei denen die Farbe zu ändern sollte problemlos im 'zusätzlichen CSS' möglich sein.

Welche Codes funktionieren denn bei dir nicht? Wo hast du die Codes eingetragen?

Ja, mit deinem Code weist du jedem <p> auf der Seite diesen großen ersten Buchstaben zu.
Wenn du nur ausgewählten <p>'s diese Formatierung geben willst, konntest du diesen <p> eine eigene Klasse geben.
zB <p class="erster_gross">...</p>
und dann im CSS notieren

p.erster_gross::first-letter {
 font-size: 200%;
 color: #8A2BE2;
}

Du könntest auch versuchen mit einem child-selektor jedes erste vorkommen eine <p> in einem <div> anzusprechen.

div p:first-child::first-letter {
 font-size: 200%;
 color: #8A2BE2;
}

Aber damit läufst du Gefahr, mehr große Buchstaben zu erzeugen, als du eigentlich haben willst.

Ja... aber ::first-letter ist eigentlich in CSS schon drin:
https://www.w3schools.com/cssref/sel_firstletter.asp

Dein Content befindet sich im Element

<div class="l-section-h i-cf">

und für die Klasse 'l-section-h' ist in der style.css Zeile 871 folgendes festgelegt:

.l-section-h {
    padding: 50px 0;
}

Ich denke, wenn du im Child-Theme oder im zusätzlichen CSS diesen Wert (50px) veränderst, wirst du den weißen Balken bis auf 0px reduzieren können.
Aber bitte dran denken, der erste Wert gilt für padding oben und unten. Wenn du unterschiedliche Werte haben willst dann nutze

.l-section-h {
    padding: 0px 0px 50px 0px;
}

Das ist ist weniger als das kleine 1*1 und hat mit 'Domputersprache' nix zu tun!
Öffne die Adminansicht (Dashboard) und wähle da auf der linken Seite -> 'Design' ... dann weiter mit 'Customizer'... und da dann (ganz unten) 'zusätzliches CSS'.
Wenn du das in der Reihenfolge ausgewählt hast, dann siehst du ein Eingabefeld für den zusätzlichen CSS Code... dort gehört dann der Code rein.
Schau dir nochmal das Video an.. so schwer zu verstehen ist das nicht!

Frage... welche Version vom IE?
Link zur Seite würde helfen.

Versuche mal folgenden Code im 'zusätzlichen CSS':

.text-slider h2.maintitle {
    font-size: 48px;
}

und wenn du nicht weißt, wie man das im zusätzlichen CSS macht, hier mal ein kleines Video!

Das war meine gute Tat für heute ;)! Dann mal los - ab ins Bett - bevor du noch was Neues entdeckst, das dir den Schlaf rauben könnte.