Anordnung Socialmedia-icons

    Hallo zusammen,

    ich betreibe die Seite https://www.wildnisentdecken.de.

    In meinem Footer habe ich unter dem Modul Top 1 folgenden code.

    Code
    <p><a href="https://www.instagram.com/wildnisentdecken/" target="_blank" rel="nofollow noopener noreferrer" class="fa fa-instagram"></a></p>
<p><a href="https://www.youtube.com/channel/UCwtQygZXUvckJlEhLchh-iw" target="_blank" rel="nofollow noopener noreferrer" class="fa fa-youtube"></a></p>
<p><a href="https://www.facebook.com/Wildnisentdecken" target="_blank" rel="nofollow noopener noreferrer" class="fa fa-facebook"></a></p>

    Leider zeigt er mir die Icons untereinander an. Was doof aussieht. Was tun damit sie nebeneinander angeordnet sind??


    Danke für die Hilfe


    Lg

    Gehe zu deinen Template-Optionen:


    Dort auf 'Basic - Social Icons'. Diese enablen.

    Dann eine Modulposition auswählen. Bei mir bottom 1.


    Bei den Icons, die nicht angezeigt werden sollen, entfernst du #.

    Dann erscheint eine vorgegebene Adresse, die aber nicht aktiviert wird.


    Bei den anderen trägst du deinen Link ein.


    Dann sollte es funktionieren:




    Zitat von Wild-Robert

    Diesen Code hatte mir hier schon mal jemand genannt da standen die icons aber nebeneinander

    Es ist kein Code, es sind doch nur Einstellungen in den Template-Optionen.

    Du wolltest doch sie nebeneinander.

    Warum aber?


    Warum es bei dir nicht nebeneinander dargestellt wird, kann ich nicht nachvollziehen.

    Vielleicht die Modulposition?

    Oder besondere Einstellungen im SP-Pagebuilder für diese Modulposition?

    Vermutlich hast du dein eigenes Modul "Top1" gebastelt und im Footer platziert.

    Liegt die (untereinander-) Darstellung an den einzelnen <p> .... </p> - Tags? Probiere mal, die drei <a> href</a> in einen einzigen <p>-Tag zu packen. Also:


    <p> <a href="https://www.instagram.com/wildnisentdecken/" target="_blank" rel="nofollow noopener noreferrer" class="fa fa-instagram"></a> <a href="https://www.youtube.com/channel/UCwtQygZXUvckJlEhLchh-iw" target="_blank" rel="nofollow noopener noreferrer" class="fa fa-youtube"></a> <a href="https://www.facebook.com/Wildnisentdecken" target="_blank" rel="nofollow noopener noreferrer" class="fa fa-facebook"></a></p>


    Gruß Shuffle

    Man muss kein neues oder eigenes Modul erstellen.


    Und man braucht auch keinen Code in einem Modul erstellen.


    Man legt einfach die Social Icons auf die z.B. Modulposition 'bottom 1'.


    (Da würde ich jetzt nicht die Modulposition top1 in den Footer legen).


    Dann werden die Social Icons nebeneinander angezeigt.


    Siehe #2 !



    Moin Elwood,

    nett, von dir zu lesen.

    Es ist ja richtig, was du schreibst. Vermutlich ist aber das obige Problem mittels eigenem Modul mit entsprechendem Inhalt entstanden? Ist ja nur eine Vermutung von mir.

    Natürlich sollte man besser direkt die Möglichkeiten des Templates mit den Social Icons nutzen. Keine Frage!

    Gruß Shuffle

    Guten Abend zusammen,

    das mit dem Vorschlag von Shuffle hat funktioniert. Bei dem Vorschlag von Elwood habe ich das Problem das Joomla meinen Instragram-accound nicht annimmt.


    Aber so hat es funktioniert. Vielen dank an alle