Imgur / Reddit Social media Icon

Sparkling
1

Hello,

There’s any advice in order to change the icons on social media menu? Twitter icon works fine, but i would like to insert reddit and imgur icons too. Follow attached my icon bar.

Thanks.

2

Hi @rmnobarra,

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

You can try achieving this 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


#menu-social li a[href*="imgur.com"] .fa:before{content: "";
background: url("http://dev.bowdenweb.com/a/fonts/symbols/pictonic/imgs/black/256/imgur.png") no-repeat center center;
display: block;height: 20px;width: 20px;background-size: 100%;}
#menu-social li a[href*="reddit.com"] .fa:before{content: "\f1a1"}

Please change the imgur image URL in the above CSS code to whatever you want to set.

Best Regards,
Movin

3

Hello,

Thank you. Works fine. The only thing that my logos are small, follow image attached. Can you help me on this?

This was the code that i put in “other” session:

#menu-social li a[href*=“imgur.com”] .fa:before{content: “”;
background: url(“http://www.pr0n.com.br/wp-content/uploads/2016/12/imgur-logo.png”) no-repeat center center;
display: block;height: 20px;width: 20px;background-size: 100%;}
#menu-social li a[href*=“reddit.com”] .fa:before{content: “”;
background: url(“http://www.pr0n.com.br/wp-content/uploads/2016/12/reddit-logo.png”) no-repeat center center;
display: block;height: 20px;width: 20px;background-size: 100%;}

4

You can try changing their size by changing height and width in the above shared custom CSS code.