Neu Bild in einer Box im Footer zentrieren

[giorgio]

Hallo,

ich versuche gerade ein Bild in einer Box im Footer per CSS im JTLShop 5 zu zentrieren. Das ging auch
bis zum JTLShop 4 problemlos. Jetzt bekomme ich die Bilder nur noch linksbündig.

img-center {
display: block;
margin: 0 auto;
}

Was mache ich den falsch?

Grüsse Jürgen

 

[MHillmann]

Hallo @giorgio

ich nehme an da fehlt ein Punkt vor dem img-center:

.img-center {
display: block;
margin: 0 auto;
}

Viele Grüße
Michael

 

[giorgio]

Danke, habe ich nur vergessen den Punkt mit zu kopieren. Ich habe es auch schon mit Botstrap versucht - aber nicht um die Burg ist das Bild mittig...
Hier der Code aus Bootstrap. Das Bild ist zwar dann vom Rahmen her nach rechts versetzt, aber nicht genau in der Mitte...

<div class="container">
<div class="row">
<div class="col-4">
<img class="mx-auto d-block img-w80" src="/images/logos/logo_SSL-Verschluesselung.png" alt="Sicher einkaufen mit SSL-Verschluesselung.">
</div>
</div>
</div>

Hat jemand vielleicht eine Idee?
Gruss
Jürgen

 

[fibergirl]

Das Image befindet sich im <div class="col-4"> .
Da drin ist es mittig.

Aber das div klebt am linken Rand des umgebenden Blocks <div class="row"> und ist mit "col-4" nur 1/3 (4 von 12) breit.

Du kannst einfach aus class="col-4" mal class="col-12" machen.
Nur mal sehen ob es in die richtige Richtung geht.
Links und rechts davon ist allerdings dann kein Platz für weitere Inhalte.

 

[giorgio]

Ja, nach 12 Stunde programmieren, sollte man einfach aufhören. Ich hatte vorher schon von bootstrap:
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
in der Classe mit drin. Und dann war das Bild auf der rechten Seite (QR-Code) - dachte ich. Das ist aber nicht die rechte Seite, sondern die Mitte. Der Container geht ja noch ein gutes Stück nach der Überschrift nach rechts raus...

Danke für die Hilfe - ich höre jetzt lieber auf
Gruss
Jürgen

PS. Mit dem CSS-Code, aus dem vorherigen Beitrag würde es mit der Änderung auf "col-12" auch gehen.