Use FontAwesome icon instead "Social Share" button
By User on Sunday, 05 July 2020
Posted in General Issues
Likes 0
Views 463
Votes 0
Hello. I would like display some FontAwesome's icon instead of "Social Share" button to let all 3 buttons ("Like", "Report" and "Social Share") display in one row.

It's impossible to do simply by editing line in language ini-file (because code will not be displayed correct icon).

Is it any other way? Thanks.
You can try this : 



body #es .es-actions-list>li+li>a[data-es-share-button]:before{

    font-family: "Font Awesome 5 Free";

    content: "\f064";

    font-weight: 900;

}
Arlex Wong
·
Monday, 06 July 2020 10:23
·
0 Likes
·
0 Votes
·
0 Comments
·
No, it is not possible to modify this in the language file. You can use css to update the contents and change it to an icon.
Mark
·
Sunday, 05 July 2020 23:04
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks. I applied this one code to CSS:
#es .es-actions-list>li+li>a[data-es-share-button]:before{
font-family: 'Font Awesome 5 Free';
content: "\f064";
}

But to hide "Social Share" word I had to edit ini-file (do not use word; don't know how to hide it with CSS:
COM_EASYSOCIAL_STREAM_SOCIAL=""
User
·
Monday, 06 July 2020 03:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for help.

body #es .es-actions-list>li+li>a[data-es-share-button]:before{
font-family: "Font Awesome 5 Free";
content: "\f064";
font-weight: 900;
font-size: initial;
}

body #es .es-actions-list>li+li>a[data-reports-link]:before{
font-family: "Font Awesome 5 Free";
content: "\f071";
font-weight: 900;
font-size: initial;
}

body #es .es-actions-list>li+li>a[data-es-share-button],
body #es .es-actions-list>li+li>a[data-reports-link]{
font-size: 0;
}

#es .es-actions-list>li{
margin: 0 6px 0 0;
}

#es .fa-share-alt:before{
content: "\f064";
}
User
·
Tuesday, 07 July 2020 19:01
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome.

Just for your information, I have locked and marked this thread as resolved to avoid confusions in the future. Please start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiries.

Thanks for understanding.
Arlex Wong
·
Tuesday, 07 July 2020 19:10
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post