Das Polaroid-CSS müsste überarbeitet werden, so die Richtung:
div.polaroid {
max-width: 200px;
padding: 10px;
margin-bottom: 20px;
}Hallo lendrin,
Habe CSS direkt in die Testseite eingefügt:
warum? Da gibt es für: div.polaroid, div.polaroid2, div.red_div & div.yellowrow Inline Segmente.
Wir haben Dir hier: CSS von Purity III überschrieben? nahegelegt, sich eine custom.css anzulegen. Dort kommen Deine CSSen rein.
Liebe Grüße
Christine
Versuche es mal damit:
div.polaroid {
box-shadow: 0 40px 80px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
display: inline-block;
}Aber erstelle unbedingt ein custom.css, in dem du deine Anpassungen eintragen kannst, sonst kommen sich deine ganzen Inline-Styles und die Anweisungen in bereits vorhandenen CSS-Dateien irgendwann in die Quere.
Per FTP konnte ich die von mir in Purity III erzeugte custom.css nicht finden. Hat die einen Spezialort?
Ja. Die Datei gehört hierher:
https://meditation-goettingen.de/templates/purity_iii/css/custom.css
Werde es gleich lesen. Aber vorab: die Seite liegt jetzt auf https://meditation-goettingen.de/index.php
Alles anzeigenVersuche es mal damit:
Codediv.polaroid { box-shadow: 0 40px 80px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); display: inline-block; }Aber erstelle unbedingt ein custom.css, in dem du deine Anpassungen eintragen kannst, sonst kommen sich deine ganzen Inline-Styles und die Anweisungen in bereits vorhandenen CSS-Dateien irgendwann in die Quere.
Ja. Die Datei gehört hierher:
https://meditation-goettingen.de/templates/purity_iii/css/custom.css
Danke, der Befehl display: inline-block; hat das Problem gelöst. Werde die custom.css im nächsten Schritt erstellen. DANKE!
Leider doch nicht.. bei Auflösungen kleiner HD unter Windows entsteht rechts neben den Fotos wieder ein weißer Rand.
Betroffen ist die Seite
https://meditation-goettingen.de/index.php/aerzte-meinen
und die Startseite.
Was mich auch wundert ist die einspaltige Darstellung unter Android HD.
Hat da noch jemand einen Einfall?
P.S:
Hab die CSS-Programierung dieser Seiten jetzt in die custom.css gesetzt
Leider doch nicht.. bei Auflösungen kleiner HD unter Windows entsteht rechts neben den Fotos wieder ein weißer Rand.
Kann ich nicht nachvollziehen. Kannst du einen Screenshot posten?
Was mich auch wundert ist die einspaltige Darstellung unter Android HD.
Das nennt sich responsives Webdesign 
. Dein Template ist auf Bootstrap 3 aufgebaut; hier kannst du etwas mehr zum entsprechenden Grid-System und seinen Klassen erfahren.
Kann ich nicht nachvollziehen. Kannst du einen Screenshot posten?
Das nennt sich responsives Webdesign
Hier das Foto. Wenn man das Browserfenster verkleinert kommt es ich denke bei 'kleiner HD'.
Versuche es mal damit:
Codediv.polaroid { box-shadow: 0 40px 80px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); display: inline-block; }
Bei dir steht aber das da drin:
div.polaroid {
width: 38%;
box-shadow: 0 40px 80px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
display: inline-block;
}
Lösche die rot markierte Zeile
Alles anzeigenBei dir steht aber das da drin:
div.polaroid {
width: 38%;
box-shadow: 0 40px 80px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
display: inline-block;
}
Lösche die rot markierte Zeile
Das hat tatsächlich das Problem gelöst. Verstehe ich allerdings nicht, da ich diese Zeile eingesetzt hatte, weil ein riesiger weißer Rand da war den ich durch die Veränderung von width verschwinden ließ. Hm.. aber vielen Dank, du hast mir sehr geholfen! 
Damit sollte es passen:
.polaroid p {
margin: 0;
}Danke, das hat sofort geklappt!