[katarn]

Hi, I can not understand how to use standard icons of social networks.
Found on the forum the command you described.
< .social li a.tumblr { min-width: 37px; min-height: 37px; text-indent: -999em; background-image: url(“http://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/soundcloud.png&#8221;); background-repeat: no-repeat; background-position: center center; } >
But I do not understand how to use it in the page code.
my Blog Sidebar.

[social_icon_wrap]
[social_icon type="facebook" url="https://www.facebook.com/envato"]
[social_icon type="twitter" url="https://twitter.com/envato"]
[social_icon type="instagram" url="http://instagram.com/insideenvato"]
[social_icon type="fivehundredpx" url="#"]
[social_icon type="vine" url="#"]
[social_icon type="vimeo" url="#"]

.social li a.tumblr { min-width: 37px; min-height: 37px; text-indent: -999em; background-image: url(“http://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/soundcloud.png&#8221;); background-repeat: no-repeat; background-position: center center; }
[/social_icon_wrap]

please write how to apply this line correctly. thanks in advance

link to my page http://alexandervagin.ru/sample-page/

[serkan]

Hi,
We have listed the standart icons in the documentation. You can find the list of the social icons in the shortcode section. If the use custom social icons, you can use them as a background and give a custom css code.
If you would like to use custom social icons instead of our icon lists, you can check out this related url;
http://www.pixelwars.org/forums/topic/soundcloud-social-icon/

If you would like to use default social icons, you can drag and drop a text widget, and paste the code inside the text widget and save it.
[social_icon_wrap]
[social_icon type="facebook" url="https://www.facebook.com/envato"]
[social_icon type="twitter" url="https://twitter.com/envato"]
[social_icon type="instagram" url="http://instagram.com/insideenvato"]
[/social_icon_wrap]

Thanks

[katarn]

I want to use custom icons.
You wrote in the article’s use this code:

social li a.tumblr { min-width: 37px; min-height: 37px; text-indent: -999em; background-image: url(“http://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/soundcloud.png”); background-repeat: no-repeat; background-position: center center; }

How to use it where it to register on a page. Thank you in advance

[serkan]

Hi, This is custom css code. You can check out this related topic, how to use the custom css code.
http://www.pixelwars.org/forums/topic/how-to-use-custom-css-for-wordpress-themes/
Thanks

[katarn]

Thanks ! Thank you!
I have another question on the same subject.
Default icons pouring white (transparent). when you hover the cursor on it, it changes color. If this icon from the set of “fontello” it changes the color of a certain. If the icon is made by me through the CSS it hover turns black. How to replace the black color when you move?

[katarn]

Serkan you Thanks !

.social li a.facebook:hover { background-color: #3C5FAC; }

[serkan]

Hi katarn,
Did you figure it out ? You should use that custom css code for your custom icon as well.