Beiträge von Sailor56

Ohhh... sorry, das habe ich übersehen :(
dann ergänze bitte wie folgt:

#polylang-3 ul li a img,
#polylang-2 ul li a img,
#polylang-8 ul li a img {
  vertical-align: baseline;
}

Die Flaggen im Sidebar werden mit dem '#polylang-8 ul li a img' angesprochen.

Feste bitte mal diesen CSS Code im zusätzlichen CSS (vom Dashboard -> Design -> Customizer -> zusätzliches CSS)

#polylang-3 ul li a img,
#polylang-2 ul li a img {
  vertical-align: baseline;
}

Dann bitte auch prüfen, ob sich sonst wo, außer an den Flaggen, noch was an der Positionierung der Bilder ändert?

Ein Link zur Seite würde helfen!

Danke... dir auch!

Das kann ich leider nicht, denn das scheint eine 'eingebaute' Funktion deines Plugins zu sein, das ich überhaupt nicht kenne :)!
Möglicherweise gibt es ja auch in dessen Einstellungen eine Funktion für das Ausblenden - hmmm... aber die müsstest du dann selber ausfindig machen :) :) :)... ich kann nur HTML und CSS.

Versuche es mal mit folgendem Code im 'zusätzlichen CSS' (vom Dashboard - Design -> Customizer -> zusätzliches CSS)

#primary .entry-tags {
  display: none;
}

Das sollte so aber nicht sein... oder aber, jeder der Browser hat Recht ;)!
Angenommen du bist mit deinem Standardbrowser auf deiner Seite und hast alle Unterseiten besucht und hast überall rumgespielt! Dann hat deine Seite und die diversen Plugins wahrscheinlich ihre Spuren in Form von Cookies hinterlassen.
Wenn du jetzt zum prüfen mit einem anderen Browser auf die Seite gehst und dort nur auf der Startseite warst, dann kann es durchaus sein, dass du ein anders Ergebnis bekommst... du hast ja noch nicht alle Cookie relevanten Funktionen aufgerufen.

Die Frage kann dir (fast) jeder Browser beantworten...
zB beim FireFox... klicke in der Menüleiste oben auf 'Extras', wähle dann 'Seiteninformationen' ... es öffnet sich ein ein neues Fenster in dem du den Reiter 'Sicherheit' anwählst. Hier findest du die gewünschten Informationen.

Vielleicht nicht die 100% Lösung, aber möglicherweise ein Schritt in die richtige Richtung :

.custom-header-media,
.custom-header{
  height: calc(80vw / 1.7) !important;
}
#wp-custom-header > img {
  width: 80vw;
  margin: 0 10vw;
}
@media screen and (max-width: 768px) {
   .headerimg,
   .custom-header-media,
   div.custom-header {
      height: calc(80vw / 1.9) !important;
   }
}

Bitte ins 'zusätzliche CSS' (vom Dashboard -> Design - > Customizer -> zusätzliches CSS)
Kann das leider nur 'oberflächlich' in der Simulation testen, das müsstest du dann bei dir prüfen, ob es da irgendwelche unerwünschten Nebenwirkungen gibt!

Wenn du dir selber mit eigenen (CSS) Mitteln nicht helfen kannst... ohne Link zur Seite können wir das auch nicht!

Da gibt es schon ein paar Stellschrauben, an denen man drehen könnte:

/* macht die Zeilenahöhe im Sidebar kleiner und zieht den Sidebar nach oben */
.widget-area {
  line-height: 1.0;
  margin-top: -25px;
}
/* ändert den Innenabstand zum Text und den Rand zum nächsten Element*/
aside.widget {
  padding: 5px 20px;
  margin: 3px;
}
/*macht die Zeilenhöhe im linken Inhaltsbereich größer*/
div.entry-content {
  line-height: 1.6;
}

Bitte im zusätzlichen CSS (vom Dashboard -> Design -> Customizer -> zusätzliches CSS) eintragen und mit den Werten spielen - vielleicht ist ja eine Einstellung dabei, die dir ein hübsches Ergebnis produziert... wenn nicht, einfach wieder löschen!

Freut mich wenn ich helfen konnte.

Klar kann ich dir das näher erklären, was ich da gemacht habe. Und wenn das mit dem Custom-CSS von Tablepress auch klappt, um so besser. Allerdings arbeite ich nicht mit Tablepress und kann da über die 'Internas' nicht viel sagen. Du solltest nur aufpassen, dass dir diese Änderungen bei einem evtl. Update nicht verloren gehen bzw von den Defaults überschrieben werden.
Aber zum Grundsätzlichen... für ein 'responsive' Design sind absolute Größenangaben (width / height) absolut kontraproduktiv. Wenn du mal in dein Ursprungs-CSS schaust, sind da jede Menge von diesen festen Größen drin. Wenn jetzt das Display/ Browserfenster schmaler wird als die Summe der Breiten der Inhalte, hat der Browser ein Problem - er wird dann zunächst versuchen durch Zeilenumbrüche sich Platz zu verschaffen. Bei Tabellen klappt das aber nicht - wenn da 3 Zellen pro Reihe sind und die noch eine fest vorgegeben Breite haben, dann kann er nur durch Überlappung oder durch horizontales Scrollen ein Ergebnis erzeugen.
Was ich da gemacht habe ist ganz einfach... ich nehme dem Browser den Zwang, sich an die Breitenvorgabe zu halten, indem ich allen derartigen Vorgaben sage... nimm dir soviel Platz, wie zur Verfügung steht (width: 100%;) werde aber nicht größer als ein bestimmter Wert (max-width: [irgendwas]px;). Solange das Display genug Platz bietet, wirkt dann das 'max-width' - wird das Display dann zu schmal, nehmen sich die Element nur noch denn Platz, der zur Verfügung steht (100%).
Die 'max-width' - Werte (zB die 355px und die 320px),die ich eingetragen habe, sind die Werte, die original von deiner Seite vorgegeben wurden. Die waren ja ok... die Anzeige bei genügend Breite des Displays war ja in Ordnung. Ich habe für den Browser nur den Zwang weggenommen sich an diesen Vorgaben zu halten.
Warum ich das mit den 320px 2 mal gemacht habe? ... hmmm... habe ich gar nicht ;)! Das sind 2 verschiedene Elemente, denn ich die selben Werte zugewiesen habe.
'#tablepress-2 div.wp-video' ist das Element, in dem das Video drin ist...
'#tablepress-2 div.wp-video video' ist das Video selbst.
Und das 'unset' beim Video ist nun notwendig, weil im Originalcode hier eine Höhe vorgegeben war - dieser Anweisung würde der Browser weiterhin folgen - nun habe ich aber die Breite des Videos variabel gemacht, was bei schmaler werdender Anzeige und fester Höhe zu Verzerrungen führen würde. Deswegen muss die Höhenangabe weg.
Das mit der

@media screen and (min-width: 44.375em) {
  .page-id-2798 .entry-content {
    margin-right: 7.6923% !important;
  }

musste ich machen, weil aus irgendeinem Grund bei dieser Bildschirmbreite ('screen and (min-width: 44.375em)') von deinem Theme der rechte Rand verändert wurde. Den musste ich wieder auf den Wert setzen, denn er bei allen anderen Displaybreiten hat, sonst wäre die Tabelle plötzlich viel schmaler dargestellt worden. Kann sein, dass auf einer Seite hier sowas wie Sidebar eingeblendet werden soll und dafür der größere Rand benötigt wird - auf dieser Seite wird da aber nichts dergleichen benötigt und deswegen habe ich es hier auch rückgängig gemacht! Durch die '.page-id-2798' als Selektor ist auch sicher gestellt, dass diese Anweisung nur auf dieser Seite wirkt und die anderen Seiten, wo dieser größere Rand benötigt wird, eben nicht verändert werden.
Zum Verständnis... mit CSS öffnet man keine Elemente! Man wählt mit diesen Selektoren (zB '.page-id-2798 .entry-content') ein Element aus und weist diesem Element dann bestimmte Eigenschaften/ Formate zu. Es muss also nicht geschlossen werden, weil man ja nichts öffnet. Na ja... die Anweisung als solches muss ich natürlich durch eine geschweifte Klammer { öffnen und am Ende wieder } schließen. ... sonst funktioniert das nicht ;)!
Hab ich was vergessen?

Für diese Zwecke ist ein Tabelle wohl das ungünstigste Element, was man wählen kann... zu starr, zu unflexibel und vor allem mit den vielen absoluten Größenangaben kaum so darzustellen, wie man es gerne hätte :(!
Aber sei es drum, da mir momentan keine bessere Methode einfällt, die man ohne größeren Aufwand hier einbauen könnte, hier zumindest ein Versuch etwas mit CSS zu verbessern:

#tablepress-2 th {
  width: 100% !important;
  max-width: 355px;
}
#tablepress-2 div.wp-video {
  width: 100% !important;
  max-width: 320px;
}
#tablepress-2 div.wp-video video {
  width: 100%;
  max-width: 320px;
  height: unset !important;
}


@media screen and (min-width: 44.375em) {
  .page-id-2798 .entry-content {
    margin-right: 7.6923% !important;
  }
 
}

Dieser Code sollte im 'zusätzlichen CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS) eingefügt werden

Zunächst mal brauchst du ja die Einblendung der Anzahl... wird diese Zahl von WP ermittelt und kannst du die dann anzeigen lassen?
Dann müsstest du aus dem Quellcode herausfinden, in welchem HTML Element diese Einblendung steht und ob dann in diesem Element wirklich nur diese Zahl steht.
Angenommen da steht dann so was .... <span class="counter">5</span>... wobei dann die 5 die Anzahl der Beiträge ist und das 'span' das HTML Element, das du aufhübschen willst.
Das könnte dann im 'zusätzlichen CSS' so aussehen:

div.counter {
  display: inline-block;
  font-size: 1em;
  line-height: 3em;
  width: 3em;
  height: 3em;
  text-align: center;
  background-color: #f77;
  color: #fff;
  border-radius: 50%;
  overflow: hidden;
}

Ob du was übersehen hast, kann ich nicht sagen... aber eigentlich sollten bei dem Player keine Nachbesserungen nötig sein. Und wenn, dann sollte das ordentlich dokumentiert sein.
Solltest vielleicht mal den Entwickler kontaktieren und nachfragen - wenn es ein Bug im Code ist, wird er sich über Feedback freuen.

Ja - aber bitte denke daran, das ist wohl nur eine Notlösung! Irgendwo in deinem Theme/Plugin wird dieser Text eingefügt... und da kann man das auch ändern! Leider weiß ich nicht wo und wie - hmmm... was ist denn wenn jemand 1 (oder mehr) Punkt(e) hat? Macht die Anzeige dann Sinn?

Eine Idee schon, aber ob das dann so ideal ist? Eigentlich sollte das in den Einstellungen richtig einstellbar sein... aber das hier sollte dir erst mal helfen.

.hentry .mejs-overlay-button::before {
  position: relative;
}

Und das lässt sich nicht in den Einstellungen ändern bzw. löschen? Seltsam... aber wenn du keine andere Möglichkeit findest, dann versuche es im zusätzlichen CSS mit...

.et-cart-info span {
  font-size: 0em;
}
.et-cart-info span::before {
  font-size: 1rem;
}

löscht zwar nicht den Text, aber macht in mit font-size: 0em quasi unsichtbar!

Vielleicht hilft dir ein bisschen 'zusätzliches CSS'.
Mit Hilfe der Page ID - solltest du im <body> Tag der jeweiligen Seite finden - die Breiten individuell einstellen.