Beiträge von Sailor56

Das mit dem 'Impressum' scheint nicht dein einziges Problem zu sein...

google doch mal nach 'box-sizing' damit lässt sich das box-modell, also die Art und Weise wie das Bild und der Rahmen vom Browser gerendert, werden manipulieren.

Leider scheint es so, dass dort in den originalen Stylesheets nicht nur 'backgroud' sondern auch 'background-color' ... und nicht nur 'border' sondern auch 'border-color' mit Werten vorgegeben und mit '!important' versehen sind.
Es könnte helfen, wenn du die jeweils fehlende Angabe noch in dein Custom CSS hinzufügst.
Die Werte für 'margin-top' und 'border' (abgesehen von der Farbe) hat die Seite ja übernommen - scheint also nicht ganz so falsch zu sein der Selektor.

Versuche es mal mit diesem Selektor im Custom CSS (Dashboard -> Design -> Customizer -> zusätzliches CSS):

.woocommerce-page button.button.alt {
  background: #555 !important;
  color: #fff !important;
  border: 2px solid #000 !important;
  border-radius: 5px;
  height: 40px;
  margin-top: 10px;
  /* weitere nach Geschmack */
}

Da anscheinend WooCom in den eigenen Stylesheet viele '!important' benutzt, kann es sein, dass du das im Custom CSS auch machen musst, um die Originalformatierungen zu überschreiben.
Und nach der Änderung bitte auch prüfen, ob irgendwo ungewollt auch andere Buttons 'umformatiert' werden.

Besser wäre es im Custom CSS (also unter Dashboard -> Design -> Customizer -> zusätzliches CSS) zu überschreiben durch:

table {
width: 49%; /*oder anderen passenden Wert*/
}

Sollten noch andere Tabellen auf der Seite sein, dann wirkt sich diese Anweisung allerdings auch auf diese 'Anderen' aus. In diesem Fall müsste man die fraglichen Tabellen mit weiteren CSS Selektoren genauer ansprechen.

Der 'Fehler' liegt in der im style.min.css, da ist für table eine Breite width: 100%; angegeben. Damit wird der im HTML Tag angegebene Wert (45%) überschrieben.
Das man man aber im zusätzlichen CSS (Dashboard -> Design -> Customizer -> zusätzliches CSS) leicht korrigieren.

Ein Link zur Seite wäre hilfreich!

Mit den folgenden Formatierungen im 'zusätzlichen CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS ) sollte es klappen.

#masthead .site-branding {
  display: none;
}
#site-navigation {
  width: 100%;
  float: none;
  text-align: center;
}
.main-navigation ul {
text-align: center;
}

Sorry... aber hier stimmt doch was mit der Frage nicht!
Wenn der (Browser-)Zoomfaktor vom Nutzer auf 80% eingestellt wird, dann sind die angezeigten Elemente auf der Seite alle um 20% verkleinert. Wie kann es dann zu einem Zeilenumbruch kommen, wenn bei 100% die Elemente noch nebeneinander angezeigt werden?
... oder geht es hier um die Bildschirmbreite - also wie viele Pixel auf die Breite des Monitors passen?

Das könnte es sein...
https://de.wordpress.org/themes/shapely/

Versuche mal diesen CSS Code im 'zusätzlichen CSS': (Vom Dashboard -> Design -> Customizer -> zusätzliches CSS)

.hentry .entry-footer {
  display: none;
}
.hentry .read-more-contain {
display: none;
}

Du könntest versuchen mit CSS den Weiterlesen-Link bei allen Beiträgen (unabhängig von der Länge) nach rechts zu verlegen.

.pt-cv-wrapper a.pt-cv-readmore {
  float: right;
}
.pt-cv-meta-fields {
  clear: both;
}

Ob dir das optisch besser gefällt?

Den Code möglichst im 'zusätzliches CSS' einfügen. -> vom Dashboard -> Design -> Customizer - zusätzliches CSS

Füge folgenden CSS Code in dein 'zusätzliches CSS' ein ... vom Dashboard: 'Design' -> 'Customizer' -> 'zusätzliches CSS'

#primary-mono .entry-meta {  background-color: transparent;  padding: 0px 0px 0px 0px;  border: 0px;}

Die Listenelemente im Nav-Bereich stehen auf float: left;
Versuch mal ...

.navi ul li {
float: none;
}

Schau dir mal die 'Formatierungen' für 'Background', 'Padding', 'Border' an.

Anscheinend ist mein letzter Beitrag in der Moderator-Prüfschleife gelandet - hmmm... der (meines Wissens einzige) Moderator hat sich allerdings gestern für 14 Tage in den Urlaub abgemeldet und 14 Tage auf die Freigabe zu warten erscheint mit zur Beantwortung einer Frage als nicht angebracht!
kusselin - Wenn du einverstanden bist, dann schicke ich dir die Antwort per PN und die öffentliche 'Antwort' kommt dann eben wenn Maxe wieder aus dem Urlaub zurück ist.

Eine korrekte Beispieldatei hast du ja selbst... die ersten beiden Zeilen deiner Werbepartnerliste funktionieren ja tadellos. Ich weiß ja auch nicht, wie du diese Auflistung erstellt hast - irgendsoein Plugin? Von Hand mit HTML Code?
Aber ich kann dir konkret an deinem Quellcode zeigen, wo der Fehler liegt... wie du ihn dann beseitigen kannst, hängt davon ab, wie diese Liste erstellt wurde.
Hier mal ein Auszug aus deinem Quellcode und zwar genau die Stelle, an der der Fehler zum ersten Mal auftritt...

.....
<div class="su-column su-column-size-1-6"> [COLOR=#ff0000]hier ist noch alles richtig - Anfang div zum Einfügen eines Bildes[/COLOR]
<div class="su-column-inner su-clearfix"> [COLOR=#ff0000]ebenfalls richtig - Anfang eines inneren div, in dem das Bild eingefügt ist[/COLOR]
<img class="alignnone wp-image-316 size-thumbnail" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="http://fvleutershausen.de/wp-content/upl…ose-150x150.png" alt="gasthausrose" width="150" height="150" data-srcset="http://fvleutershausen.de/wp-content/upl…ose-150x150.png 150w, http://fvleutershausen.de/wp-content/upl…ose-300x300.png 300w, http://fvleutershausen.de/wp-content/upl…asthausrose.png 400w" data-sizes="(max-width: 150px) 100vw, 150px" />
</div> [COLOR=#ff0000]hier wird das innere div geschlossen - richtig so[/COLOR]
</div> [COLOR=#ff0000]hier wird das äußere div geschlossen - auch richtig so[/COLOR]

<div class="su-column su-column-size-1-6"> [COLOR=#ff0000]hier beginnt die Einfügung des nächsten Bildes... öffne div[/COLOR]
<div class="su-column-inner su-clearfix"> [COLOR=#ff0000]das innere div wird geöffnet - merke, jetzt sind 2 div's geöffnet![/COLOR]
<a href="http://http/www.obsthof-volk.de/" rel="attachment wp-att-4415">
<img class="alignnone wp-image-4415 size-thumbnail" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="http://fvleutershausen.de/wp-content/upl…ome-150x150.jpg" class="grouped_elements" rel="tc-fancybox-group2" alt="Obsthof_Volk_Home" width="150" height="150" data-srcset="http://fvleutershausen.de/wp-content/upl…ome-150x150.jpg 150w, http://fvleutershausen.de/wp-content/upl…ome-300x300.jpg 300w, http://fvleutershausen.de/wp-content/upl…f_Volk_Home.jpg 400w" data-sizes="(max-width: 150px) 100vw, 150px" />
</a>
</div> [COLOR=#ff0000]das innere div wird geschlossen... das Äußere ist aber noch auf! Alles weitere wird jetzt noch in dieses äußere div hinzugefügt![/COLOR]

<div class="su-column su-column-size-1-6"> [COLOR=#ff0000]HIER ist der Fehler... das vorhergehende äußere div ist noch nicht geschlossen und du fügst ein weiteres Bild ein.[/COLOR]
<div class="su-column-inner su-clearfix">
<img class="alignnone wp-image-269 size-thumbnail" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="http://fvleutershausen.de/wp-content/upl…oba-150x150.jpg" alt="" width="150" height="150" data-srcset="http://fvleutershausen.de/wp-content/upl…oba-150x150.jpg 150w, http://fvleutershausen.de/wp-content/upl…oba-300x300.jpg 300w, http://fvleutershausen.de/wp-content/upl…015/06/voba.jpg 400w" data-sizes="(max-width: 150px) 100vw, 150px" />
</div>
</div>

....
Ich hoffe, du erkennst anhand der [COLOR=#ff0000]roten Beschreibung[/COLOR], wie dein Fehler zustande kommt.
Sei aber etwas vorsichtig bei der Behebung des Fehlers - einfach ein schließendes div ( </div> ) hinzufügen klappt nicht. Diese div's müssen immer als Ganzes ( <div>...</div> ) betrachtet werden.
Das Beste wird sein, wenn du die betreffenden 'Zeilen' nochmal komplett neu machst und dich daran hältst, wie du die ersten Beiden erstellt hast, denn die sind ja richtig.

Da stimmt etwas mit der Verschachtelung der div-Container nicht!
Die 6 Bilder sollen jeweils in einem Container '<div class="su-column su-column-size-1-6">' schön nebeneinander innerhalb einer Zeile '<div class="su-row">' aufgelistet werden. In dem Bespielcode, den du eingefügt hast, tun die das auch... aber.... in den fraglichen Zeilen, in denen das eben nicht funktioniert, hast du Bilder innerhalb des Containers des vorherigen Bildes eingefügt!
Etwas so...
<div class="su-row">
<div class="su-column su-column-size-1-6"></div>
<div class="su-column su-column-size-1-6"></div>
<div class="su-column su-column-size-1-6"></div>
<div class="su-column su-column-size-1-6"></div>
<div class="su-column su-column-size-1-6"><div class="su-column su-column-size-1-6"></div></div>
</div>

Ob da was fehlt kann man so nicht erkennen, denn du hast ja nicht 'gezeigt', was du jetzt in deinen Link hineingepackt hast! Aber so sieht das auf der von dir angeführten Seite aus:

<a class="tsr-Base_ContentLink js-tsr-base-link" title="Auszeichnung: Friedensnobelpreis geht an Kampagne zur Abschaffung von Atomwaffen" href="/aktuell/wissen/nobelpreise/auszeichnung-friedensnobelpreis-geht-an-kampagne-zur-abschaffung-von-atomwaffen-15233815.html">
            
  <header class="tsr-Base_ContentHeader">
    <h2 class="tsr-Base_Headline tsr-Base_Headline-md">
        <span class="tsr-Base_HeadlineEmphasis ">
           <span class="tsr-Base_HeadlineEmphasisText">
              Auszeichnung
           </span>
           <span class="o-VisuallyHidden">
              : 
           </span>
        </span>
        <span class="tsr-Base_HeadlineText">
            Friedensnobelpreis geht an Kampagne zur Abschaffung von Atomwaffen
        </span>
    </h2>
  </header>


</a>

Und dort ist der Hintergrund des <header>...</header> ebenfalls anklickbare Fläche . Warum sollte das bei dir dann anders sein?

Einfach all den 'Inhalt', denn du als Schaltfläche haben willst, in einen Hyperlink schreiben...
<a href="https://www.blabla.com" target="_blank"......>
alles was du willst!
</a>