http://www.kriesi.at/support/topic/how-can-i-cancel-hoover-effect-on-social-icons-and-make-the-icons-bigger Support Forum - Topic: How can I cancel hoover effect on social icons and make the icons bigger? en-US Wed, 22 May 2013 23:59:47 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/how-can-i-cancel-hoover-effect-on-social-icons-and-make-the-icons-bigger#post-79081 Tue, 09 Oct 2012 08:06:16 +0000 Dude 79081@http://www.kriesi.at/support/ <p>Hi! </p> <p> So you want to remove the reflection effect / png image? If yes add following code to css/custom.css:</p> <pre><code>#top .social_bookmarks li:hover a{background: transparent;}</code></pre> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/how-can-i-cancel-hoover-effect-on-social-icons-and-make-the-icons-bigger#post-79068 Tue, 09 Oct 2012 07:25:05 +0000 villumtobe 79068@http://www.kriesi.at/support/ <p>Thanks for your help. I think i'm just gonna stick with the current size:-) </p> <p>What I really want to do is cancel the hoover effect, but keep the colors that appears from the current hoover effect. If they could have colors constantly it would be great.</p> <p>Sorry if I was a bit unclear about that before. </p> http://www.kriesi.at/support/topic/how-can-i-cancel-hoover-effect-on-social-icons-and-make-the-icons-bigger#post-78588 Fri, 05 Oct 2012 02:16:24 +0000 Nick 78588@http://www.kriesi.at/support/ <p>Hi,</p> <p>Yes you can do it if you know how to make CSS Sprites, since bigger images will cause the coordinates of each individual image within the sprite to shift. You can learn more here, as well as automatically create sprites <a href="http://spriteme.org/" rel="nofollow">http://spriteme.org/</a> , however if you know nothing about css or html (at the minimum) you will have a steep learning curve.</p> <p>If you want to keep the hover effect and get rid of the color effect, you would need to modify this png file 'images/layout/icon-social-reflect.png' to take the colors off.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/how-can-i-cancel-hoover-effect-on-social-icons-and-make-the-icons-bigger#post-78362 Wed, 03 Oct 2012 08:52:44 +0000 villumtobe 78362@http://www.kriesi.at/support/ <p>Hi Ismael,</p> <p>Thanks. This removed the hoover effect, but I would like to keep the colors from before. Is this possible and can I make them bigger? </p> http://www.kriesi.at/support/topic/how-can-i-cancel-hoover-effect-on-social-icons-and-make-the-icons-bigger#post-78265 Tue, 02 Oct 2012 17:37:01 +0000 Ismael 78265@http://www.kriesi.at/support/ <p>Hello,</p> <p>To remove hover effect, just edit 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>Replace it with </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;} #top .social_bookmarks li:hover a{background: transparent url(../images/layout/icon-social-reflect.png) 0 -10px no-repeat;} */</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/how-can-i-cancel-hoover-effect-on-social-icons-and-make-the-icons-bigger#post-78228 Tue, 02 Oct 2012 13:55:33 +0000 villumtobe 78228@http://www.kriesi.at/support/ <p>Hi,</p> <p>I want to cancel hoover effect on social icons and make the icons bigger? Could you please help me...</p> <p>thanks,</p> <p>- Toby </p>