Wie füge ich bei Darstellung eines Blog-Artikelseite einen Rand ein? 
Autore: Rudolf S.
Visite 58,
Followers 1,
Condiviso 0
Hallo Community,
ich habe einen Blog auf meiner Website angelegt. Leider werden die Blog-Artikel auf dem Handy ohne Rand angezeigt, so dass es schwer lesbar ist (siehe Handy-SCreenshot als Anlage)
Wie kann ich einen Rand angeben, der links und rechts einzuhalten ist?
Meine Website: Ehrliches Feedback? - Dynamisches Coaching Rudolf Schmidt
Viele Grüße, Rudolf
Postato il
Ich habe jetzt kein Smartphone zum Testen, mal den untenstehenden CSS-Code testen.
In WebSite X5 unter "3 Sitemap" ganz unten bei den Spezialseiten "Blog: Hauptseite" markieren und oben auf "Eigenschaften" klicken, dann Reiter "Erweitert" anklicken und bei ...
Benutzerdefinierter Code:
Vor dem <HEAD/> Tag
<style>
#imBlogContent {
padding: 10px !important;
}
</style>
... diesen CSS-Code einfügen. Evtl. können CSS-Experten noch Tipps geben.
Autore
Hallo Daniel,
danke für deinen Vorschlag, ich habe ihn ausprobiert.
Es funktioniert zwar, der Rand ist da und es ist am Handy viel angenehmer zu lesen.
Aber in der Desktop-Ansicht auf dem PC werden jetzt die Seitenblöcke nur mehr ganz unten, am Ende des Artikels angezeigt, so dass man diese nur durch Scrollen bis ganz ans Ende sieht.
Normalerweise sind die Seitenblöcke rechts vom Artikel zu sehen und "sticky", was mir auch wichtig ist, weil ich Content drin stehen habe, der mir wichtig ist.
Also leider noch keine Lösung
Viele Grüße
Rudolf
Versuche mal diesen Code...
<style>
@media (max-width: 479.9px) {
#imBlogContent {
padding: 10px !important;
}
}
</style>
Autore
Danke Andreas, mit diesem Zusatz hat es funktioniert.
:-)