Hallo!
Insbesondere in der Mobil-/Responsiv-Ansicht klafft ein großer Abstand zwischen dem Eingangsbild und dem "Rüdiger Hans". Diesen Abstand würde ich gerne deutich verkleinern. Wie geht das bitte?
Streethawk68
Schreib mal dies in deine custom.css:
#sp-main-body {
padding: 0px 0;
}Hab jetzt nur nicht überall geschaut ob es weitere Auswirkungen hat.
OK, ich dachte das wüsstest du.
Die custom.css Datei musst du selbst in dem Verzeichnis anlegen, am einfachsten du kopierst die vorhandene template.css, benennst sie um in custom.css, und änderst dort die entsprechenden Angaben.
Alle anderen Angaben kann man vorerst dort raus löschen, die kann man später bei Bedarf aus der template.css immer noch wieder rein kopieren.
Alternativ, und vielleicht vorerst einfacher, in den Template Optionen unter custom code diese Zeilen eintragen.
bei Helix ultimate kannst Du auch den zu anzupassenden Code direkt unter Custom Code - Custom CSS eingeben.
Auch denkbar bzw. Varianten davon:
.itemid-101 #sp-main-body {
padding: 0px 0;
}
.itemid-101 .article-details div.article-ratings-social-share {
margin-bottom: 0rem;
padding-bottom: 0rem;
}kann auch gegebenenfall zusätzlich mit @media kombiniert verwenden.
Das "Eingangsbild" hat oben einen weißen Rand:
https://www.ruedigerhans.de/images/vernissage/vernissage.jpg
welchen man im Bild zusätzlich auch noch entfernen könnte.
Beispiel:
@media (max-width: 767px) {
.itemid-101 #sp-main-body {
padding: 0px 0;
}
.itemid-101 .article-details div.article-ratings-social-share {
margin-bottom: 0rem;
padding-bottom: 0rem;
}}