Huhu,
ich habe gerade verzweifelt versucht eine eiegene Dashboardbox zu erstellen mit einem simplen Facebook Button wie dem euren in der Fußzeile und einem kleinen Text dahinter.
Ich schaffe es jedoch nicht.
Baue ich den als WCF "Werbung" Box ein bekomme ich zum verzweifeln keinen Zeilenumbruch hin.
Ich muss gestehen ich habe auch keinen richtigen Ansatz denn ich will den als Icon aus dem Fontawesome Repertoire nutzen mit einem "hover" Effekt aber es klappt nicht
Das ist meine Umsetzung bisher:
/* Social Buttons Sidebar */
#facebook_button {
font-size: 36pt;
display:table;
margin-left: auto;
margin-right: auto;
display:block
}
.facebook_button_text {
font-size: 14px;
}
Alles anzeigen
<a href="https://www.facebook.com/knopfstadt/" target="_blank">
<span id="facebook_button">
<span class="fa fa-facebook-square" style="color: inherit; font-size: inherit;" >
</span>
</span>
<p class="facebook_button">Wir auf Facebook!</p>
</a>
Weder einen Zeilenumbrauch schaffe ich unter ACP / Werbung/ noch das es sauber aussieht.
Wenn ich eine eigene Dashboard Box erstelle mit dem Plugin von Mobahner und ich weiß nicht genau wie ich es sauber angehe und umsetze denn dort regieren die Klassen zum Teil nicht und wirklich ordentlich sieht es auch nicht aus.
Ganz sicher bin ich mir mit der Verwendung von <span> auch nicht etc.
Kann mir bitte jemand Schrittweise einen vernüftigen Lösungsweg erklären wie man per HTML Fontawesome Icons integriert und die noch individuell anpasst?