Social Media Icons

Activello
1

Hi , I want to know how to change social media icon in sidebar.

Thank You

2

Hi @arifrahman0909,

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

To change or create social icons follow the below steps :

  1. Create a menu like any other menu in the admin area of your site under Appearance -> Menus .
  2. Use the correct urls in the menu items, so for twitter it must be twitter.com for facebook it must be facebook.com. Otherwise URLs won’t get recognized and you will get squares without icons.
  3. Set theme location for this menu as “Social Menu”

Best Regards,
Movin

3

Hi @movin

actually i want to change my social media icon for facebook become this not the standard one. Thank you so much

4

You can try changing it 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

#secondary .widget .social-icons a[href*="facebook.com"] {
    font-size: 0;
    background: url("https://colorlib.com/wp/wp-content/uploads/sites/2/facebook.png") no-repeat center;
    height: 20px;
    width: 50px;
    background-size: 100%;
}