Design der Buttons zum Teilen im WSC verändern?

  • Die Buttons zum Teilen eines Themas im WSC sind so kunterbunt und klobig.



    Kann ich diese Buttons eventuell verkleinern und ggf. nur als Font Awesome Icons anzeigen lassen? Stelle mich per CSS zu doof dazu an. :(

    Ich brauche keine Signatur! :)

  • Das sind bereits Font-Awesome-Icons. Per CSS kann man da natürlich ein wenig dran ändern.

    So ist es. Beispiel anhand des Facebook-Buttons:


    CSS
    1. .messageShareButtons .jsShareFacebook {
    2. height: 60px;
    3. width: 100px;
    4. }

    Ansprechen tut man die einzelnen Buttons dann mit jsShareNAME.

  • Habe es jetzt mal so probiert.


    CSS
    1. .messageShareButtons {
    2. height: 60px;
    3. width: 60px;
    4. }

    Sieht nun aber nicht mehr gut aus...



    60x60 passt, aber die anderen Buttons fehlen nun. :(

    Ich brauche keine Signatur! :)

  • Wie wäre es mit dieser Lösung ?


    CSS
    1. .messageShareButtons .button > span:not(.icon) {
    2. display: none;
    3. }
    4. .messageShareButtons, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button {
    5. padding: 6px 6px 8px 8px;
    6. }

    Zeiten ändern sich, Zeiten ändern dich,
    dich und deine Sicht.

    Einmal editiert, zuletzt von HTMH ()