Das Waipoua-Theme von Elmastudio (das Ihr hier gerade seht) zeigt die Social Icons in seinem Widget standardmäßig in Grau (genauer: #B3B4AE) an.
Man kann die Icons relativ einfach einfärben, der Code dazu steht in der aktuellen (1.0.4) style.css ab Zeile 1893 und für die gesonderten Retina-Icons weiter unten ab Zeile 3050. Ich habe mir die jeweiligen Hexcodes für den background: mit ColorSnapper aus den jeweiligen Webseiten beziehungsweise Logos geholt.
Bei einer kleinen Spontanumfrage auf Google+ wurde auch noch die Option Icons grau mit buntem Mouseover angeregt. Vielleicht probiere ich das auch noch mal aus. Ist aber ein bisschen mehr Tipperei…
6 Kommentare
KommentierenVielen Dank für die präzise Anleitung zur Erlangung meines inneren Friedens 🙂
LG, Neri
Kleiner Hint noch: Für die Retina-Icons muss man das Ganze nochmal machen – und zwar in der aktuellen (1.0.4) styls.css ab Zeile 3050. Hatte ich erst später gemerkt und den Post noch nicht aktualisiert; hole ich gleich mal nach.
Hallo Thomas Cloer.
Sehr gute Beschreibung der Farbumstellung. Ich habe auch Waipoua und stand vor dem selben Problem. Und ich habe mir die HEX-Werte der Farben notiert.
Ich habe daraus eine Infografik gemacht und ein PDF zum Download bereitgestellt.
Darin befinden sich alle Farben für alle Social Icons des Waipoua Themes (Stand 12/2012).
Wenn jemand an den HEX-Werten der Farben interessiert ist, hier ist der Link:
http://mediaimpulse.net/social-media/colors-of-social-media-infografik
Liebe Grüße
Markus
Hallo Thomas,
durch diesen Beitrag inspiriert habe ich da mal ein eigenes Subtheme raus gemacht. Kann direkt heruntergeladen werden: http://www.siepker.com/2013/02/farbige-social-icons-im-wordpress-waipoua-theme/