Hallo zusammen, ich verzweifele gerade... Bei GX2 ließ sich einstellen, wie groß der Abstand zwischen Bild und Text sein soll. Bearbeite gerade den Content für unseren neuen Shop (GX3 Vers. 3.3.2.0) und dort fügt sich der Text direkt an das Bild an, was furchtbar aussieht. Ich finde nicht, wo/wie sich das einstellen läßt. Please help!!
...sorry, ich dachte, ich hätte mich eindeutig ausgedrückt. Hier ein Ausschnitt der neuen Startseite, um die es geht: Der Text soll am Bild rechts erst nach etwa 15px beginnen. Schriftgrößen werden noch angepasst, damit es final vernünftig aussieht. Der Text ist auch erst ein Entwurf und wird noch überarbeitet. Link kann ich nicht anbieten, da Shop offline.
Leider kann man darauf nicht erkennen, was Du gemacht hast. Wenn ich Dich richtig verstanden habe, hast Du Content für die Startseite im Content-Manager erstellt. Wenn dem So ist, dann musst Du, wie marmoles schon angedeutet hat, für den Textbereich und/oder für das Bild einen Style oder eine CSS-Klasse einrichten. Dort kannst Du dann mit padding-right oder padding-left, je nach dem welches Objekt Du verschieben möchtest, arbeiten und die Abstände einstellen.
...super, danke für die Tipps. Habe es im html-Code des mal kurz vor einem Satz eingegeben, da wurde dieser 20px eingerückt. Wo muss ich das eintragen, damit der gesamte Text des div und nicht nur ein Satz versetzt wird? Style oder css-Klasse wüßte ich nicht, wo ich das dediziert anlegen muss. Ich weiß, wie ich einen css-USERMOD erstellen kann, doch muss ich wissen, welche Klasse ich anfassen muss...
Du kannst im div eine Klasse eingeben und dann in der CSS-Datei die Definitionen einstellen. Beispiel: HTML: <div class="MeineKlasse"> Hier kommt dann der ganze Text hin...... </div> In der CSS-Datei trägst Du kommt die folgende Zeile ein Code: .MeineKlasse {padding-left:20px; }
Hallo Kai und marmoles, danke für die Hilfe. Jetzt weiß ich, wie man eine div-Klasse erzeugt und im css bearbeitet. Ich habe damit ein wenig probiert. Grundsätzlich funktioniert es, aber nicht in diesem Fall. Bild und Text liegen in der gleichen div-klasse, wie ich mit einem html-Tool sehen kann. Ich habe das padding-left mal innerhalb des span styles gesetzt, da funktioniert es für Zeilen, die keinen Zeilenumbruch haben, problemlos. Nach einem Zeilenumbruch steht der Text wieder direkt am Bild. Ich denke, um das sauber hin zu bekommen, muss ich eine div definieren, in der ich das Bild lege und darin eine zweite div für den Text, wo ich eine css mit dem Padding hinterlege (habe ich mir ohne großes Background-Wissen mal so überlegt). Ist das korrekt? Ich frage mich, wie Leute ohne jegliches Fachwissen das hinbekommen sollen, die nicht in den Eingeweiden der Programmierung wühlen können?! Für diese Problem muss es doch eine Standardlösung geben...
Versuche es mal mit dem Quellcode: HTML: <div class="row"> <div class="col-xs-12 col-sm-4 col-md-3"><img alt="Foto-Name" class="img-responsive" src="Pfad zum Bild" title="z.B. Bild-Name" /></div> <div class="col-xs-12 col-sm-8 col-md-9"> <div><strong><span style="font-size: 18px;">Überschrift</span></strong></div> <p>Hier kommt Dein Text rein</p> </div> Die "col"-Werte musst Du eventuell noch anpassen.
Hallo Barbara, genau das ist die Lösung, die ich gesucht habe!! Innerhalb von 30 Minuten war die Frontpage fertig und sieht so aus, wie ich sie haben wollte. Vielen Dank!!