RockSolid Columns – Icon neben Headline/Text

**risingsunset** · 20.08.2014, 16:56

Moin,

ich nutze die »RockSolid Columns« und bin auch sehr zufrieden. Allerdings stehe ich noch vor einem kleinen Problem.

Momentan sieht es so aus:
Bildschirmfoto 2014-08-20 um 17.51.13.png

Es soll aber so aussehen:

Bildschirmfoto 2014-08-20 um 17.21.16.png

Ich habe 3 Spalten angelegt und mit Inhalt gefüllt – ist es nun möglich, die Icons neben Headline und Text einzufügen?

Danke!

**andreasisaak** · 20.08.2014, 17:26

Ja mit CSS ist das kein Problem. Du kannst das Icon mit Hilfe der Pseudoklasse :before links positionieren.

**risingsunset** · 20.08.2014, 19:02

Danke, das geht schon in die richtige Richtung!
Ich habe den Artikeln in den Spalten css-Klassen zugewiesen und mit :before bearbeitet.
Das Icon ist jetzt links vor der Headline, aber der Text verschiebt sich leider nicht mit nach rechts, sondern steht noch an der alten Stelle.
Wie kann ich den Text per css ansprechen?

**andreasisaak** · 20.08.2014, 19:11

Das brauchst du nicht. Du musst den gesamten Spalteninhalt mit padding-left nach links verschieben und kannst dann das Icon im :before Element via position:absolute in die freie linke Stelle platzieren. Dann brauchst du keine Kindelemente ansprechen die du eventuell gar nicht kennst.