Vorschlag: Wenn man in der CSS etwas einträgt, hat das Einfluss auf alle Seiten im Forum! Bei Einträge auf "Eigene Seiten" betrifft das nur die Seite selber!
Deswegen: Einträge wie "body, p, a, img, table, ...." sollten immer genauer auf das Skript ausgerichtet sein!
wie z.B.:
1 2 3 4 5 6 7
body .testClasses { ... }
.testClasses p { ... }
.testClasses a { ... }
.testClasses img { ... }
Zum Skript:
Komischer Weise hat man bei den Schriften sich noch nicht so einigen können! Andoid, Mac und Windows unterscheiden sich hier...... Blöd ist auch, wenn man eine Schriftart ausgewählt hat, die klein ausfällt und sie mit "font-size" angepasst hat! Kann die Schrift nicht wiedergegeben werden, wird sie dann mit der durch "font-size" eingestellten Größe meist zu groß angezeigt!
Ich hatte noch auf "Eigene Seiten" "Diese Seite als Template inkl. Template Variablen ausführen" aktiviert. Dadurch wurde ein Body-Eintrag nicht umgesetzt.
So auch Deine Schriftart font-family: 'Acme', sie wird bei mir nicht angezeigt, weil ich diese Schriftart nicht installiert habe (vermutlich Google-Fonts).
Habe die Schrift font-family: 'monotype corsiva' ausgewählt, vergrößert und in .container2 geschoben!
Möchte man den Code nicht auf "Eigene Seiten" verwenden, sondern in den Templates, kann es zu Konflikten kommen. Die Classes ".container" und ".card" sind schon vorhanden und haben ihre eigene CSS!
<div class="container2"> <div class="card2"> <div class="img-container2"> <img src="https://files.homepagemodules.de/b104774/bhnetfiles_big-m9f5-3t-3432.png" alt=""/> </div> <div class="card2-details"> <h2>Der Treffpunkt für Hilfe, Tricks & Tipps</h2> <p>Ich war hier auf der Durchreise des Forums der Treffpunkt für Hilfe, Tricks & Tipps. Ich finde das Forum sehr hilfreich und informative und ich empfehle dieses Forum sehr gerne weiter Hier ist eine digitale Postkarte empfohlen von Daishi.</p> </div> </div> <div class="card2"> <div class="img-container2"> <img src="hier kommt bild rein" alt=""/> </div> <div class="card2-details"> <h2>forum</h2> <p>hier der text</p> </div> </div> <div class="card2"> <div class="img-container2"> <img src="hier kommt bild rein" alt=""/> </div> <div class="card2-details"> <h2>forum</h2> <p>hier der text</p> </div> </div> <div class="card2"> <div class="img-container2"> <img src="hier kommt bild rein" alt=""/> </div> <div class="card2-details"> <h2>forum</h2> <p>hier kommt text rein</p> </div> </div> <div class="card2"> <div class="img-container2"> <img src="hier bild rein" alt=""/> </div> <div class="card2-details"> <h2>forum</h2> <p>hier kommt text rein</p> </div> </div> <div class="card2"> <div class="img-container2"> <img src="hier kommt bild rein" alt=""/> </div> <div class="card2-details"> <h2>forum</h2> <p>hier kommt text rein</p> </div> </div> </div>