Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1301044

    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

    #1301317

    Hey Alexandervc33,

    That should be possible if you wrap your icons in span elements, please try that out.

    Best regards,
    Rikard

    #1301415

    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

    #1301641

    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

    #1301825

    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

    #1301954

    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

    #1301968

    Super, es funktioniert!

    Vielen herzlichen Dank
    Alex

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Icons in einem Text nebeneinander anzeigen’ is closed to new replies.