Beiträge von Sailor56

Gut.. freut mich... achte aber bei weiterem Bearbeiten der Seite, wie sich Darstellung verhält, wenn zum Beispiel der Viewport kleiner wird... Tablet... Smartphone. Irgendwo in CSS deiner Seite gibt es da bestimmt irgendwelche Codes, die das Verhalten steuern und es kann durchaus sein, dass es dann zu Konflikten führt. Das kann man dann aber, wenn man etwas konkret feststellt, gezielt angehen.

Dann teste doch mal, ob dieser CSS Code dir weiter hilft.

ul.products.columns-4 {
  display: flex;
  flex-wrap: wrap;
}

Bitte in das 'zusätzliche CSS' im Customizer rein kopieren... dann die ganze Seite auf unerwünschte Nebeneffekte überprüfen.

CSS Flexbox wäre da wohl das Mitte der Wahl... aber ohne einen Link zur Seite kann man da nicht wirklich helfen... nur raten.

Lösche mal deinen CSS Code und ersetze ihn durch ..

a img:hover {
  opacity: 0.7;
}

Besser wäre es uns einen Link zu der Problemseite zu geben - so kann man da kaum was zur Problemlösung beitragen.. es sei denn, man hat eine super gute Kristallkugel.

Bin mir zwar keineswegs sicher, dass ich die Stelle(n) gefunden habe, an denen du die Schriftfarbe ändern möchtest - aber im Warenkorb ist mir nur das aufgefallen...

/*Schriftfarbe für den Platzhalter 'Gutscheincode'*/
.woocommerce-cart table.cart td.actions .coupon .input-text::placeholder {
  color: #000;
}


/*Schriftfarbe für Eingabefeld 'Gutscheincode + padding etwas kleiner, damit der Platzhalter ganz angezeigt wird*/
.woocommerce-cart table.cart td.actions .coupon .input-text {
  padding: 7px 5px;
  color: #000 !important;
}


/*Schriftfarbe im Eingabefeld 'Anzahl'*/
#quantity_5e6269f3851ff {
  color: #000 !important;
}

Sollte ich daneben liegen mit meinem Verdacht, sag Bescheid.
Den Code #000; (schwarz) kannst du natürlich durch jeden beliebigen Farbcode ersetzen.

Wir würde uns freuen, wenn du uns auch einen Link zu der Seite geben würdest... wie sollen wir uns sonst auf die Suche nach einem für dich passenden CSS Code begeben ????

Das Theme ist wirklich nicht gut geeignet für solche 'Änderungen'.. aber versuche mal folgendes in dein zusätzliches CSS einzufügen...

@media screen and (min-width: 55.063em) {
  .main-navigation-container {
    position: absolute;
    overflow-y: auto;
    height: calc(100% - 325px);
    overflow-x: hidden;
    width: 250px;
     }
}

Vielleicht hilft es dir ja wenigstens etwas weiter.
Aber auf jeden Fall nach der Änderung die ganze Seite auf unerwünschte Nebeneffekte überprüfen.

Uiii... aber nur, wenn keine Kalorien drin sind :). Ansonsten immer wieder gerne... Beseitigen von Linien aller Art ist meine Spezialität ;).

Klar... mach mal:

.footer-skin-light .footer__wrapper #colophon {
  background-color: FarbeDeinerWahl;
}

Die Hintergrundfarbe sollte hiermit nach deinem Geschmack eingestellt werden können:

.container-fluid .post-navigation {
  background-color: deineFarbe;
}

Für deineFarbe kannst du jeden zulässigen CSS Farbwert eintragen.

Freut mich, wenn ich dir helfen konnte!
Und wenn du noch mehr Fragen hast, kannst du die natürlich stellen - dafür ist das Forum ja da.
Dir auch noch einen schönen Sonntag.

PS: Die Kuchen und Muffins sehen lecker aus :).

Versuche es mal hiermit.

.tc-header:not(.header-transparent) {
  margin-bottom: 30px;
}

Die 30px kannst du nach Belieben anpassen.

Bitte - gern geschehen.
Die Linie über dem Slider sollte mit diesem Code ausgeblendet werden:

.tc-header:not(.header-transparent) {
  box-shadow: none;
}

Und in Sachen Bildgröße darfst du ruhig etwas mutiger sein ;)... wenn irgendwelche Nebenwirkungen auftauchen, kannst du ja den zusätzlichen Code einfach löschen.
Das Design zerschießen sollte der Code sowieso nicht - er ändert nur die Proportionen von Bild und Text in den Beiträgen und sorgt dafür, dass das Bild sich an die veränderten Proportionen anpasst.

Die Line am Footer sollte mit

.footer-skin-light .footer__wrapper {
  border-top: 0;
}

verschwinden.

Und noch eine Frage... wenn ich in deiner Navigation 'Home' anklicke komme ich auf Seite 'early50.de` - soll das so sein?

Hast du denn die Änderung schon 'online'... in dem Code der Seite kann ich die entscheidende CSS Zeile...

.grid__item {
  outline: none;
}

nicht finden?
Für die Proportionen der Beitragsbilder versuche mal folgendes...

@media screen and (min-width: 992px) {
  .col-lg-4 {
      -ms-flex: 0 0 45%;
      flex: 0 0 45%;
      max-width: 45%;
  }
  .js-centering.entry-media__wrapper img.h-centered, .js-centering.entry-media__wrapper img.opacity-forced {
    height: auto !important;
    width: 100% !important;
    left: 0px !important;
  }
}

Hier geben die 45% in den Anweisungen unter '.col-lg-4' die Breite der Bilder an - das solltest du nach Belieben anpassen können.

Aber Vorsicht, solche Änderungen an den Theme Einstellungen vorbei können mitunter seltsame Auswirkungen haben. Gerade weil das Theme ja responsive sein sollte und die Auswirkungen vielleicht erst bei anderen Endgeräten zum Tragen kommen. Also alles genau überprüfen.

Versuche bitte mal, ob der folgende CSS Code im 'zusätzlichen CSS' des Customizers weiter hilft...

.tc-header, .topbar-navbar__wrapper {
  border: 0;
  box-shadow: none;
}
.grid__item {
  outline: none;
}

Schreibe mal den folgenden CSS Codeschnipsel in das 'zusätzliche CSS' des Customizers:

.no-breadcrumb.page-with-slider #header.header-top-absolute {
  z-index: 1000;
}

Dann schau mal genau hin bei dem Code in Beitrag #2!
Da steht

body.home

als Selektor - also nur den body auf der Seite mit der Klasse home.
Du hast dort nur 'body' angegeben.. also alle Seiten.

Tut mir echt leid... aber ich sehe es zwar auf deinem Screenshot, aber auf meinem Rechner (auf der Live-Seite) kann ich das nicht sehen, wie gesagt diese ganze Werbung wird bei mir durch meine Ad- und Scriptblocker blockiert. Kann dir also hier nicht weiter helfen. Bin schon froh, dass ich dir überhaupt durch 'Rätsel raten' soweit helfen konnte.
Vielleicht schaut ja hier noch jemand rein, der seinen Rechner nicht so 'paranoid' abgeschirmt hat und kann dir dann richtig helfen :)