Activello Missed Social Media Icons

Hi, just added weibo.com and youku.com on social menu, but i think no these two icon.

i try to follow below CSS to add back the icon but not work someone can help me?

#menu-social li a[href*=“todou.com”] .fa:before{content: “”;
background: url(“http://4dd.0b2.myftpupload.com/wp-content/uploads/2017/03/Todou.png”) no-repeat center center;
display: block;height: 20px;width: 20px;background-size: 100%;}
#menu-social li a[href*=“weibo.com”] .fa:before{content: “\f1a1”}
background: url(“http://4dd.0b2.myftpupload.com/wp-content/uploads/2017/03/Weibo.png”) no-repeat center center;
display: block;height: 20px;width: 20px;background-size: 100%;}
#menu-social li a[href*=“youku.com”] .fa:before{content: “\f1a1”}
background: url(“http://4dd.0b2.myftpupload.com/wp-content/uploads/2017/03/Youku.png”) no-repeat center center;
display: block;height: 20px;width: 20px;background-size: 100%;}

thanks
J

Hi Jason,

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

Could you please share me your site URL where you are using the shared code so that i can help you to achieve it?

Best Regards,
Movin

Hi Movin,

here is my web :4dd.0b2.myftpupload.com

thanks
Jason

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

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

.social-menu li a[href*="todou.com"] .fa:before{
    content:"";
background: url("http://4dd.0b2.myftpupload.com/wp-content/uploads/2017/03/Todou.png") no-repeat center center;
display: block;height: 20px;width: 20px;background-size: 100%;
}
.social-menu li a[href*="weibo.com"] .fa:before{
    content:"";
    background: url("http://4dd.0b2.myftpupload.com/wp-content/uploads/2017/03/Weibo.png") no-repeat center center;
    display: block;
    height: 20px;
    width: 20px;
    background-size: 100%;
}
.social-menu li a[href*="youku.com"] .fa:before{
    content:"";
background: url("http://4dd.0b2.myftpupload.com/wp-content/uploads/2017/03/Youku.png") no-repeat center center;
display: block;height: 20px;width: 20px;background-size: 100%;
}

.social-menu li a[href*="todou.com"],
.social-menu li a[href*="weibo.com"],
.social-menu li a[href*="youku.com"]{
vertical-align: sub;    
}

Fixed
thanks Man!!

You are most welcome here :slight_smile: