Zitat von
mv_alex
Wenn man eine News in der Detailansicht aufruft und den Viewport z.B. auf 767px verkleinert. Das Padding/Margin scheint sich bei der Überschrift links und bei der Bildunterschrift rechts auszuwirken - angenommen, das Bild wäre der Maßstab.
Kann jetzt nicht so wirklich verstehen, was du damit meinst, aber JA, dieses Theme ist nicht perfekt. Du musst dir die Paddings und Margins (und alles andere ) mit den Devtools des Browsers ansehen und bei Bedarf korrigieren.
Mal ganz grob: Die Struktur ist so:
HTML-Code:
<div class="mod_article">
<h1 class="ce_headline"></h1>
<div class="ce_...">...
<div class="ce_...">...
<div class="ce_...">...
Im Theme werden über Selektoren wie z.B.
HTML-Code:
.mod_article [class*="ce_"],
.mod_article [class*="mod_"] {
margin-left: 10px;
margin-right: 10px;
}
allgemeine Formatierungen vorgenommen. In einer Newslist, wenn News Inhaltselemente haben, stimmt diese Struktur aber nicht mehr und somit könnten dann diverse Paddings und Margins nicht mehr passen.
HTML-Code:
<div class="mod_article">
<div class="mod_newsreader">
<div class="layout_full">
<h1>Otzenrather Classics 2017</h1>
<p class="info"></p>
<h1 class="ce_headline"></h1>
<div class="ce_...">...
<div class="ce_...">...
<div class="ce_...">...
BTW Für meinen Geschmack werden da sowieso viel zu viele Paddings und Margins im Innern des HTMLs benutzt. Eigentlich braucht es nur Margins nach unten auf mod_... und ce_.... Seitliche Abstände setzt man einmal Seiten übergreifend auf die ".inside"s.
Das kleine CSS-Beispiel von oben sollte also besser ungefähr so aussehen.
HTML-Code:
[class^="mod_"],
[class^="ce_"] {
margin-bottom: 1rem;
}
.inside {
padding: 1rem;
}
Beachte auch das Tauschen von "*" gegen "^".
Lesezeichen