Bilder auf Startseite mittig platzieren

Thema wurde von jessica_p, 11. August 2020 erstellt.

  1. jessica_p

    jessica_p Mitglied

    Registriert seit:
    29. Dezember 2017
    Beiträge:
    24
    Danke erhalten:
    2
    Danke vergeben:
    14
    Hallo,
    ich habe auf meiner Startseite runde Bilder eingebunden.

    Eigentlich sollten diese zentriert angezeigt werden, aber zum rechten Seitenrand hin ist kaum Platz. Links sieht es perfekt aus. Was muss ich anpassen, damit links und rechts Platz zum Rand bleibt?

    [​IMG]

    Folgenden Code habe ich benutzt:
    Code:
    <div class="container">
        <div class="row">
            <div class="col-md-2" style="text-align: center;">
                <img alt="Handgemachter Schmuck aus Berlin Pankow" class="img-responsive" src="images/Zimelie_Tragefoto_Bewertung.jpg" style="display: block;" /><br />
                <strong>Kundenstimme 1</strong><br />
                Hier folgt demn&auml;chst ein Text.
            </div>
    
            <div class="col-md-2" style="text-align: center;">
                <img alt="Sozialer Holzschmuck" class="img-responsive" src="images/Zimelie_Tragefoto_Bewertung2.jpg" style="display: block;" /><br />
                <strong>Kundenstimme 2</strong><br />
                Hier folgt demn&auml;chst ein Text.
            </div>
    
            <div class="col-md-2" style="text-align: center;">
                <img alt="Sozialer Holzschmuck" class="img-responsive" src="images/Zimelie_Tragefoto_Bewertung2.jpg" style="display: block;" /><br />
                <strong>Kundenstimme 3</strong><br />
                Hier folgt demn&auml;chst ein Text.
            </div>
    
            <div class="col-md-2" style="text-align: center;">
                <img alt="Sozialer Holzschmuck" class="img-responsive" src="images/Zimelie_Tragefoto_Bewertung2.jpg" style="display: block;" /><br />
                <strong>Kundenstimme 4</strong><br />
                Hier folgt demn&auml;chst ein Text.
            </div>
    
            <div class="col-md-2" style="text-align: center;">
                <img alt="Nachhaltiger Holzschmuck" class="img-responsive" src="images/Zimelie_Tragefoto_Bewertung3.jpg" style="display: block;" /><br />
                <strong>Kundenstimme 5</strong><br />
                Hier folgt demn&auml;chst ein Text.
            </div>
    
            <div class="col-md-2" style="text-align: center;">
                <img alt="Holzschmuck Onlineshop versandkostenfrei" class="img-responsive" src="images/Zimelie_Tragefoto_Bewertung5.jpg" style="display: block;" /><br />
                <strong>Kundenstimme 6</strong><br />
                Hier folgt demn&auml;chst ein Text.
            </div>
        </div>
        <br />
        &nbsp;
    </div>
    
    Danke euch im Voraus :)'
    LG Jessie
     
  2. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.755
    Danke erhalten:
    1.516
    Danke vergeben:
    1.051
    bei "Entdecke die Galerien" ist es auch so, da ist irgendwo ein "padding" zu viel.....
     
  3. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.755
    Danke erhalten:
    1.516
    Danke vergeben:
    1.051
    wenn man da das padding-left raus nimmt ist es ok, aber wo das herkommt........?

    upload_2020-8-11_10-56-27.png
     
  4. jessica_p

    jessica_p Mitglied

    Registriert seit:
    29. Dezember 2017
    Beiträge:
    24
    Danke erhalten:
    2
    Danke vergeben:
    14
    @marmoles Stimmt, danke schonmal fürs rausfinden. Hab im Style-Editor nachgeschaut und dort keine padding-Einstellung gefunden. Hast du einen Tip wie ich suchen kann?

    lg Jessie
     
  5. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.161
    Danke erhalten:
    254
    Danke vergeben:
    420
    wenn du das Bild per SE einfügen willst, dann probiere es mal mit center-block in der Klasse.
     
  6. jessica_p

    jessica_p Mitglied

    Registriert seit:
    29. Dezember 2017
    Beiträge:
    24
    Danke erhalten:
    2
    Danke vergeben:
    14
    Hab es jetzt gelöst indem ich einfach mit eigenem CSS überschrieben hab:

    Code:
    .container {
        padding-left: 0px;
    }