# Icons/Bilder nebeneinander anordnen (content)

**URL:** <https://forum.shopware.com/t/icons-bilder-nebeneinander-anordnen-content/49455>\
**Category:** Themes & Design\
**Created:** [14. November 2017 um 15:39 UTC](https://forum.shopware.com/t/icons-bilder-nebeneinander-anordnen-content/49455 "2017-11-14T15:39:13Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@Andrew](https://forum.shopware.com/u/Andrew)\
**Post date:** [14. November 2017 um 15:39 UTC](https://forum.shopware.com/t/icons-bilder-nebeneinander-anordnen-content/49455/1 "2017-11-14T15:39:13Z")

</div>

Hallo zusammen,

ich bin etwas am verzweifeln.

Wir bekomme ich auf der Versand- und Zahlungsseiten Payment Icons/Bilder nebeneinander? Shopware stellt sie immer untereinander dar (warum auch immer).

Ich arbeite mit der MeinTheme/frontend/\_public/src/less/\_modules/ **global.less**.

Der Code sieht so aus:

```
usw.....

```

Und im less file:

```
div.paymenticonsin {
  display: WERT;
  align-items: left;
  float: left;
}

```

Egal wie ich **display:** &nbsp;anpasse, werden die icons dennoch untereinander ausgegeben. Das Einzige, das geholfen hat, war **_display: inline-flex_**. Aber dann gehen die icons links und rechts über den&nbsp; **custom-page–content content block** in der mobilen Ansicht hinaus. Ich habe auch unzählige andere Code-Schnipsel in online CSS-Editoren probiert, aber das möchte einfach nicht werden.

Kann mir jemand bitte einen Tipp geben?

Danke!

---

<div class="post-metadata">

**Author:** ![Andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@Andrew](https://forum.shopware.com/u/Andrew)\
**Post date:** [5. Januar 2018 um 10:43 UTC](https://forum.shopware.com/t/icons-bilder-nebeneinander-anordnen-content/49455/2 "2018-01-05T10:43:50Z")

</div>

Leider bin ich da noch nicht weitergekommen.

Hat jemand einen Tipp für mich?

---

<div class="post-metadata">

**Author:** ![simkli](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/simkli/32/13124_2.png) [@simkli](https://forum.shopware.com/u/simkli)\
**Post date:** [5. Januar 2018 um 11:16 UTC](https://forum.shopware.com/t/icons-bilder-nebeneinander-anordnen-content/49455/3 "2018-01-05T11:16:16Z")

</div>

Hallo Andrew,  
ersetze den Code von oben vollständig durch:

```
.paymenticonsin img {
	display: inline;
}

```

Du sprichst den Container an, der die Bilder beinhaltet. Du musst aber die Bilder innerhalb des Containers ansprechen.  
Wenn dich die Abstände zwischen den Bildern stören kannst du noch folgenden Code hinzufügen:

```
.paymenticonsin {
	font-size: 0;
}

```

Der erste Code ändert das Verhalten der Bilder. Diese werden danach wie Text behandelt. Mit font-size: 0 im Container werden die Lücken zwischen den Bildern (Leerzeichen) auf 0 gesetzt.  
Viele Grüße

---

<div class="post-metadata">

**Author:** ![Andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@Andrew](https://forum.shopware.com/u/Andrew)\
**Post date:** [6. Januar 2018 um 16:15 UTC](https://forum.shopware.com/t/icons-bilder-nebeneinander-anordnen-content/49455/4 "2018-01-06T16:15:25Z")

</div>

Oh Mensch, danke sehr. Jetzt klappts&nbsp; ![Smile](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/bac5f5766b6a20565a8fb995345b4e41d24daac0.png "Smile")

Bin da einfach nicht draufgekommen&nbsp; ![Crying](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/3d74433e0d4d6cb84e92906c2faceb6b50db91bf.png "Crying")