'WEnn du diesen Beitrag meinst... https://helpcenter.websitex5.com/de/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?

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>

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?

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!

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>