Hallo zusammen,
ich bin neu hier in diesem Forum und habe gleich eine Frage:
Ich erstelle gerade eine Webseite mit einem Blog in Websit X5 und habe festgestellt, dass die Optik dieses Blog sehr zu wünschen übrig lässt. Wie kann ich ich beispielsweise einstellen, dass Bild und Text nicht direkt am Bildschirmrand anstoßen, sondern 10-20 Pixel weiter Rechts dargestellt werden?
Im Netz habe ich bereits einige Codes gefunden und getestet, leider verschwindet (bzw. wird weiter unten nicht mehr daneben angezigt) immer, wenn ich die Reandeinstellungen verändere die die Seitenpanele. Nehem ich dann die Randeinstellungen wieder raus, wird alles korrekt dargestellt, aber Bilder und Text "kleben" am linken Rand.
Seite: https://www.e-bt.de/budokan-franken-de/
- <!-- Randeinstellung für Blog-Content (margin, margin-left/-top/-right/-bottom; für alle Seiten oder nur eine Seite) -->
- <style>
- #imBlogContent {margin-left: 10px!important;margin-top: 10px;}
- #imBlogPage.imBlogArticle #imBlogContent {
- width: 85% !important;}
- </style>
- <!-- Randeinstellung für Blog-Sidebar (margin, margin-left/-top/-right/-bottom; für alle Seiten oder nur eine Seite) -->
- <style>
- #imBlogSidebar {margin-right: 10px!important;margin-top: 10px!important;}
- #imBlogPage.imBlogArticle #imBlogSidbar {
- width: 50% !important;}
- </style>
- <!-- Versatz von oben für Sidebar und Content des Blogs (Floating: Left or right, wo soll die Sidebar sein? -->
- <style>
- #imBlogContent {padding-top: 200px;}
- #imBlogSidebar {padding-top: 200px;}
- #imBlogContent {float: left;}
- </style>
- <!-- Responsive-Einstellungen -->
- <style>
- @media (max-width: 1199.9px) and (min-width: 720px) {
- #imBlogPage.imBlogHome #imBlogContent {
- width: 75% !important;}
- }
- </style>
- <style>
- @media (max-width: 719.9px) and (min-width: 480px) {
- #imBlogPage.imBlogHome #imBlogContent {
- width: 62% !important;}
- }
- </style>
- <style>
- @media (max-width: 1199.9px) and (min-width: 720px) {
- #imBlogPage.imBlogArticle #imBlogContent {
- width: 75% !important;}
- }
- </style>
- <style>
- @media (max-width: 719.9px) and (min-width: 480px) {
- #imBlogPage.imBlogArticle #imBlogContent {
- width: 62% !important;}
- }
- </style>
Vielen Dank für eure Unterstützung