Ränder bei Blog-Beiträgen oder Artikeln einstellen
Autor: Siegbert G.Hier im Forum wurde diese Frage schon beantwortet:
<style>
#imBlogContent {margin: 10px!important;}
</style>
Dies hat bei mir auch gut funktioniert. Man muss aber darauf achten dass der Raum nicht zu gross gwählt wird, weil dann der Seitenblock auch bei der breiten Ansicht nach unten verschoben wird.
Kann es sein, dass sich dieser Code nur auf der linken Seite des Blogbeitrages auswirkt?
Teilweise ist der Text auf der rechten Seite angeschnitten.
Muss deshalb der oben angegebene Code noch ergänzt werden?
Ich hoffe, dass bei einem Update bei den Blogeinstellungen noch einiges ergänzt wird.
Eigentlich Schade, dass sich in dem Programm in den letzten Jahren einiges getan hat und der Blog
hinterherhinkt.
Ich würde mir auch bei den Bildern, bzw. Slider eine Bildunterschrift wünschen.
'WEnn du diesen Beitrag meinst... https://helpcenter.websitex5.com/es/post/206787
hat der wahrscheinlich nicht das gleiche Problem wie dein Projekt! Jedes ist unterschiedlich!
Wir müssten nur wissen um welche WEbsite es sich handelt und was genau geändert gehört! Ausserdem in der Desktopanzeige oder mobile Geräte?
Autor
Hallo Andreas,
es ist genau dieser Beitrag und das Problem wurde durch diesen Code-Eintrag gelöst!
Allerdings nur auf der linken Seite des Blog-Artikels.
Du kannst irgendeine Vorlage von WebsiteX5 nehmen wo ein Blog vorhanden ist.
Habe schon mehrere getestet. Es ist überall gleich.
Bei jedem Breakpoint ist im Blog-Artikel der Text direkt am Rand. Das sieht nicht gerade super aus.
Lade die Seite z.B. Tech Influencer in dein Programm und gehe auf Blog und dann auf "Lesen".
Wenn du die verschieden Breakpoints durchklickst, dann weißt du was ich meine.
Es ist egal ob Desktop oder mobile Geräte.
Bei Tech Influencer sieht man es schon in der Vorschau der Vorlagen.
Der Seitenhintergrund ist ja nicht immer weiß.
Beim anderen Post geht es um die Artikelseite und nicht beim BLOG auf der Hauptseite!
Du kannst zwar diesen Code erweitern, aber dieser wirkt nur bei dem Template Techinfluencer. Ob der bei deinem Projekt hilft müsste man ihn wahrscheinlich anpassen! Alleine schon die Breapoints müsste man umändern.
<style>
#imBlogPage.imBlogHome #imBlogContent {
width: 85% !important;}
#imBlogContent {margin: 10px!important;}
#imBlogPage.imBlogArticle #imBlogContent {
width: 85% !important;}
@media (max-width: 1199.9px) and (min-width: 720px) {
#imBlogPage.imBlogHome #imBlogContent {
width: 75% !important;}
}
@media (max-width: 719.9px) and (min-width: 480px) {
#imBlogPage.imBlogHome #imBlogContent {
width: 62% !important;}
}
@media (max-width: 1199.9px) and (min-width: 720px) {
#imBlogPage.imBlogArticle #imBlogContent {
width: 75% !important;}
}
@media (max-width: 719.9px) and (min-width: 480px) {
#imBlogPage.imBlogArticle #imBlogContent {
width: 62% !important;}
}
</style>
Autor
Vielen Dank für deine ausführliche Erklärung.
Oh je.
Das habe ich mir einfacher vorgestellt.
Aber wie du hier erkennen kannst, hat es bei mir auf einer Testseite mit dem EINFACHEN Code funktioniert.
Egal welchen Breakpoint ich habe, wird der Rand nicht kleiner wie hier.
Mich stört nur noch, dass der Text rechts angeschnitten ist.
Hier ohne den Code:
Hallo Andreas,
wie kann man bei der Auflösung Deskop-Website (identisch bei allen geräten) diesen abstand reduzieren oder wie kann man die beschreibung unten umzihen.
danke für eure Hilfe. Hab lange gesucht..
Yunus...bleib bei deinem Postings!
Siegbert... das ist das Problem weil mein Code nicht generell verwendet werden kann. Jedenfalls nur teilweise.
Geht es hier um die direkte Handyansicht für die Artikelseite oder der Hauptseite des BLOGs?
Autor
Hallo Andreas,
ich glaube du hast die Vorlage Tech Influencer nicht richtig angeschaut.
Es ist egal ob Desktop ober Mobile.
Dies ist der große Breakpoint von der Vorschau wenn "Lesen" aktiviert wird:
Bei der Hauptseite vom Blog können die Ränder zum Text eingestellt werden.
Ich habe einige Vorlagen, z.B. Design Blog, getestet und es hat überall dieser Code funktioniert.
<style>
#imBlogContent{margin: 10px!important;}
</style>
Leider wird dann meistens die rechte Seite es Textes vom Artikel angeschnitten. Siehe die erste Abbildung im oberen Post.
Jetzt bin ich am Ende wie ich es noch erklären soll.
Ich habe mal einen grauen Hintergrund eingefügt damit man es besser sieht!
Autor
Hallo Andreas,
ich habe geschrieben, dass der Rand an der linken Seite mit dem kurzen Code funktioniert.
Kann dieser einfach ergänzt werden, dass auch ein rechter Rand, z.B. bei Mobile, vorhanden ist?
Gruß
Siegbert
Probier mal folgenden Code
<style>
#imBlogContent{margin-right: 10px!important;}
#imBlogContent{margin-left: 10px!important;}
</style>
Das würde nichts bringen denn mein Code betrifft alle Seiten des Randes! Also nur "margin"!
Das Problem ist wenn man den margin erhöht hat der Seitenblock keinen Platz mehr und wird runtergeschoben. Dann muss man den Code wieder anpassen und zwar für jeden Breakpoint!