Hallo, ich habe 2 Icons die ich gerne nebeneinander Darstellen würde. Ein Telefonsymbol und ein Mailsymbol.. Wenn ich die Icons in den Text einfüge, erscheinen die beiden Icons nebeneinander und dann erst der Text.. Ich möchte zuerst 1 Icon, dann Telefonnummer,, dann 2. Icon und Mailadresse anzeigen. Ist das realisierbar ?
Der xd.Adobe Link zeigt wie es aussehen soll.
Danke und Gruß
Alex
Hey Alexandervc33,
That should be possible if you wrap your icons in span elements, please try that out.
Best regards,
Rikard
Hallo ich habe leider keine Erfahrung mit Span-Elementen. Ich habe versucht mir via Google zu helfen komme aber nicht weiter.
Können Sie mir da eine Lösung anbieten ?
Danke und Gruß
Alex
Hi Alex,
I wrapped your element inside custom HTML and moved it to code block element and then added following code to bottom of Quick CSS field
.home-icons .av-icon-char {
margin-right: 10px;
top: 5px;
position: relative;
}
.phone-icon {
margin-right: 20px;
}
Please review your website :)
Best regards,
Yigit
HalloYigit,
vielen Dank, so soll es aussehen :)
Ich kann nur leider die Schriftfarbe des Codeblocks nirgends ändern :(
Kann man dir Schriftfarbe des Codeblocks in schwarz ändern ?
Besten Dank und Gruß
Alex
Hi Alex,
I added following code to the bottom of Quick CSS field to change the font color to black
.home-icons {
color: black;
}
Please review your website :)
Best regards,
Yigit
Super, es funktioniert!
Vielen herzlichen Dank
Alex