Replace social media icon on social profile widget


#1

Hi there,

Is there any way to replace icon on social profile widget?

Regards,
Afrils


#2

Hello Afrils,

Try the steps as explained in my reply here in the WordPress.org support forum.

https://wordpress.org/support/topic/social-6/#post-9432803

Regards,
Kharis


#3

Hallo kharis,

Thank you for your reply.

Ive done this already and it works, but its icon won’t appear just like as shown on picture below

pict

Thank you in advanced!

greetings


#4

Hello there,

What class name do you use? Is it properly written?

Regards,
Kharis


#5
<li id="menu-item-1757" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1757"><a href="http://line.me/ti/p/%40yzm8039l" target="_blank"><span class="screen-reader-text">Line</span></a></li>

it’s writen like that
here my website http://ritma.mipa.ub.ac.id/front-page/

i’m not good enough in javascript, sorry


#6

Hello there,

The line icon is only available in the newer version of Font Awesome script. As your current Sydney theme loads the older one, it only displays a blank square. To load the newer Font Awesome (version 5.x), add the below PHP function into your child theme’s functions.

    function sydney_child_loads_font_awesome_script() {
       // Remove Font Awesome from main theme
       wp_dequeue_style( 'sydney-font-awesome' );
       // Load latest version of Font Awesome
       wp_enqueue_style( 'sydney-font-awesome-cdn', 'https://use.fontawesome.com/releases/v5.5.0/css/all.css' );
    }
    add_action( 'wp_enqueue_scripts', 'sydney_child_loads_font_awesome_script', 999 );

If you don’t run any child theme, you can use a plugin that allows the same purpose, like Functionality.

Then add the below few lines of CSS code to Appearance > Customize > Additional CSS from dashboard.

    .social-widget li a::before,
    .social-menu-widget a::before {
    	font-family: 'Font Awesome 5 Brands';
    }  

    .social-menu-widget a[href*="line"]::before {
    	content: '\f3c0';
    }

Regards,
Kharis


#7

Hi Kharis,

Sorry for the late reply, I use sinppet plugin and use php as you have written before and It worked well. I’m very thankful for your help.

Thanks and Regards,
Afrils.


#8

Selamat sore Afrils,

You’re welcome! I am glad to hear you got it all resolved. Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Salam,
Kharis