http://www.kriesi.at/support/topic/recolor-social-icons Support Forum - Topic: Recolor Social Icons en-US Tue, 18 Jun 2013 04:53:59 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/recolor-social-icons#post-78266 Tue, 02 Oct 2012 17:43:33 +0000 Ismael 78266@http://www.kriesi.at/support/ <p>Hey,</p> <p>Just change this code</p> <pre><code>top .social_bookmarks .rss:hover {background-position: -47px center; background-color:#ffa133;} #top .social_bookmarks .facebook:hover{background-position: -47px center; background-color:#37589b;} #top .social_bookmarks .twitter:hover {background-position: -47px center; background-color:#46d4fe;} #top .social_bookmarks .mail:hover {background-position: -47px center; background-color:#9fae37;} #top .social_bookmarks .dribbble:hover{background-position: -47px center; background-color:#e44885;} #top .social_bookmarks .linkedin:hover{background-position: -47px center; background-color:#419cca;} #top .social_bookmarks .search:hover {background-position: -47px center; background-color:#222222;} #top .social_bookmarks .gplus:hover {background-position: -47px center; background-color:#de5a49;}</code></pre> <p>to this code</p> <pre><code>/*top .social_bookmarks .rss:hover {background-position: -47px center; background-color:#ffa133;} #top .social_bookmarks .facebook:hover{background-position: -47px center; background-color:#37589b;} #top .social_bookmarks .twitter:hover {background-position: -47px center; background-color:#46d4fe;} #top .social_bookmarks .mail:hover {background-position: -47px center; background-color:#9fae37;} #top .social_bookmarks .dribbble:hover{background-position: -47px center; background-color:#e44885;} #top .social_bookmarks .linkedin:hover{background-position: -47px center; background-color:#419cca;} #top .social_bookmarks .search:hover {background-position: -47px center; background-color:#222222;} #top .social_bookmarks .gplus:hover {background-position: -47px center; background-color:#de5a49;} */</code></pre> <p>You need to edit the actual images on wp-content\themes\sentence\images\layout then place this on your custom.css</p> <pre><code>#top .social_bookmarks li a{ width:42px; line-height:30px; }</code></pre> <p>Change the width and height value.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/recolor-social-icons#post-78225 Tue, 02 Oct 2012 13:52:04 +0000 villumtobe 78225@http://www.kriesi.at/support/ <p>Hi,</p> <p>I have kind of the same issue. I want to remove the hoover effect from my social icons (I have sentence theme) but I also want to make the icons bigger. How do I do that? </p> <p>Thanks in advance! </p> <p>Toby </p> http://www.kriesi.at/support/topic/recolor-social-icons#post-67445 Tue, 24 Jul 2012 23:12:58 +0000 Ismael 67445@http://www.kriesi.at/support/ <p>Hello,</p> <p>If you want to change the hover state of the social links. Open up css &gt; layout.css and find this code</p> <pre><code>#top .social_bookmarks .rss:hover {background-position: -47px center; background-color:#ffa133;} #top .social_bookmarks .facebook:hover{background-position: -47px center; background-color:#37589b;} #top .social_bookmarks .twitter:hover {background-position: -47px center; background-color:#46d4fe;} #top .social_bookmarks .mail:hover {background-position: -47px center; background-color:#9fae37;} #top .social_bookmarks .dribbble:hover{background-position: -47px center; background-color:#e44885;} #top .social_bookmarks .linkedin:hover{background-position: -47px center; background-color:#419cca;} #top .social_bookmarks .search:hover {background-position: -47px center; background-color:#222222;} #top .social_bookmarks .gplus:hover {background-position: -47px center; background-color:#de5a49;}</code></pre> <p>However, if you want to change the initial state, you need to change the source images on images &gt; layout &gt; folder.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/recolor-social-icons#post-67425 Tue, 24 Jul 2012 19:52:00 +0000 kwoodall55 67425@http://www.kriesi.at/support/ <p>I also searched through the themes images and the source icons are transparent PNGs with the background color coming from CSS. However when I change the CSS background color where I _think_ it should be changed the transparent overlay goes away.</p> <p>Kermit Woodall </p> http://www.kriesi.at/support/topic/recolor-social-icons#post-67194 Mon, 23 Jul 2012 16:45:54 +0000 kwoodall55 67194@http://www.kriesi.at/support/ <p>There aren't any social icon image settings anywhere that I can find in this theme. I checked all the settings panels in Sentence.</p> <p>Kermit Woodall </p> http://www.kriesi.at/support/topic/recolor-social-icons#post-66829 Sat, 21 Jul 2012 00:49:27 +0000 Ismael 66829@http://www.kriesi.at/support/ <p>Hello,</p> <p>You need to replace the social icon images on images &gt; layout.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/recolor-social-icons#post-66773 Fri, 20 Jul 2012 14:49:47 +0000 kwoodall55 66773@http://www.kriesi.at/support/ <p>I would like to recolor the social icons to make them stand out more. They're fine when you hover over them, but they're too light for my use otherwise. I found the icons are transparent PNGs but I can't seem to color the background without obscuring the icon.</p> <p>Help!</p> <p>Kermit Woodall<br /> <a href="http://baynebrain.com" rel="nofollow">http://baynebrain.com</a> </p>