WebSite X5Help Center

 
Dieter W.
Dieter W.
User

Icons  de

Автор: Dieter W.
Просмотрено 898, Подписчики 1, Размещенный 0  

Hallo,

wie kann man neben einem icon gleich eine Schrift anbringen.

Wenn ich z.B. eine Pfeil habe und rechts daneben etwas schreibe ist das nie genau auf Mitte und etwas weit weg.

Welche einfache Lösung gibt es in diesem Fall?

Размещено
7 Ответы
JJ. JUAG
JJ. JUAG
User

Verwenden Sie das Textobjekt, so sollte Grösse des Bildes und Text gut zu platzieren sein.

JJ.

Читать больше
Размещено От JJ. JUAG
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Wenn es nur ein Icon sein soll, dann füge einfach das Icon als Grafik in ein Text-Objekt und daneben gleich den Text.

Читать больше
Размещено От Andreas S.
Dieter W.
Dieter W.
User
Автор

Geht das denn auch mit Font Awesome oder Phosphor Icons ?

Читать больше
Размещено От Dieter W.
Andreas L.
Andreas L.
User

Natürlich warum den nicht? Es sind doch nur zwei verschiedene Objekte die Du verwnedest.

Читать больше
Размещено От Andreas L.
Dieter W.
Dieter W.
User
Автор

Also z.B. ein Awesome Icon links und rechts daneben ein Textfeld. Der Text soll so dicht wie möglich neben dem Icon stehen, Text unter dem Icon genauso.

Es ist immer ein sehr großer Abstand. Auch wenn ich im Textfeld den Text auf "Linksbündig" stelle

Wie kann man den Text ganz dicht daneben setzen?

Читать больше
Размещено От Dieter W.
Franz-Josef H.
Franz-Josef H.
Moderator

Du kannst jedes  Objekt markieren und dann die Ränder (Innenrand und Außenrand) einstellen. Dadurch sollte sie "aneinander" geraten.

Читать больше
Размещено От Franz-Josef H.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Vorausgesetzt du hast die maximale Anzahl an Spalten eingefügt in den Raster damit es enger zusammenrückt.

Links und rechts kannst du ja den Außen- und Innenrad auf 0px stellen und oben und unten expterimentieren.

Allerdings wenn du irgendwo ein Awesome Icon eingefügt hast, wird die Font-Datei in die Website eingefügt und kannst theoretisch auch eigenen Code in ein Text-Objekt einfügen.

z.B. <i class="fa fa-arrow-right"></i> Das ist ein TEXT

Ergebniss

Vorausgesetzt du hast bereits ein Awesom Widget irgenwo eingefügt. Am besten im Header!

Читать больше
Размещено От Andreas S.