Indexbereich (Bilder) nach links verschieben

Thema wurde von andrea_oezlue, 17. Januar 2017 erstellt.

  1. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    #1 andrea_oezlue, 17. Januar 2017
    Hallo,

    ich habe soeben die Stelle gewunden, wo ich das Bild in Orange nach links verschieben kann.
    Um es mit dem Slider bündig abzuschließen.
    Unbenannt.png

    Allerdings finde ich kein Tutorial im Netz, wo ich aus dem Quelltext die Daten (Code) zum CSS übernehmen kann.
    Wie macht ihr das?

    www.my-Whitepearl.de
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.617
    #2 barbara, 18. Januar 2017
    Einfach mit der Überschrift kopieren.
    Aber Vorsicht!
    Du klatscht damit jeden Text der in einem <p>...</p> steht an den Rand.
    Wenn Du nur das Bild weiter nach links haben möchtest, würde ich den margin-wert als Style in den Quellcode im Index (also bei dem Bild direkt) einfügen.
    HTML:
    <p style="
    margin-left: -15px;
"><img alt="" class="img-responsive" src="images/Farbe1.jpg" style="float: left;"></p>
     
  3. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    #3 andrea_oezlue, 18. Januar 2017
    Was ist denn bei dem Beispiel die Überschrift?

    Wie würde dann bei dir der CSS Code lauten?
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.617
    #4 barbara, 18. Januar 2017
    Ich habe Dir das gepostet, was Du im Content-Manager (Quelltext) für das Bild eintragen müsstest.

    die Überschrift wäre in Deinem Beispiel "p"
    p {
    dein css-code
    }

    Wie gesagt, ich würde das nicht an den Rand setzen wollen.
    <p>text</p> tauchen überall im Shop auf. z.B. der Text im Footer