Social icons

Hello,
Is it possible to add some new social icons?
I need to add 2 social icons that not available at Sparkling theme.

Sorry for my english and thx for sparkling theme, really amazing!

Hi @vorpal,

I hope you are well today and thank you for your question.

Yes you can add more custom social icons by developing CSS code as described in the following reply.

https://colorlibsupport.com/t/social-icon-xing/#post-37560

In the sparkling theme you can use the code shared in the above reply by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

Best Regards,
Movin

Thx for your reply, Movin!

What directory must contain pics of my new social icons?

Sorry have also this problem on www.knipsfabrik.com

I would link via Social Menu to 500px.com

My Code i’ve added:
#social li a[href*=“500px.com”] .fa:before,.fa-500px:before {content: “\f168”}

In the social Menu added a link like Facebook or Flickr for 500px Website but the Icon is still grey without an icon.

Whats wrong? Is the content info not the right one for my website?

Good Morning,

i’ve searched the forum and find another code for the social icon menu (https://colorlibsupport.com/t/social-icons-in-sparkling-2-0/page/2/)

Now i’ve try’ed this:

#menu-social li a[href*=“500px.com”] .fa:before, .fa-500px:before {content: “\f202”}
#menu-social li a[href*=“500px.com”]:hover {background: #b90000}

…Now i see an icon but the icon for last.fm :frowning:

@vorpal

What directory must contain pics of my new social icons?

The social icons are displayed using Font Awesome font so you don’y have to use any image to display it and you have to just use the CSS code as shared in the topic.

Cheers,
Movin

@dersandman

Try using the below CSS code instead of that you shared.

#menu-social li a[href*="500px.com"] .fa:before, .fa-500px:before {content: "\f26e"}
#menu-social li a[href*="500px.com"]:hover {background: #b90000}

If you want to post your replies then to help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/sparkling/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

THX this works fine for me and sorry, in future i only add my own thread.

You are most welcome here :slight_smile:

@movin
Thanks for your advices!

You are always welcome here :slight_smile: