By Peter Gales on Tuesday, 30 April 2019
Replies 6
Likes 0
Views 667
Votes 0
Hi,
1.On each of my blog posts, there is no icon or link to share on Facebook or like a post.
2. The twitter icon is blue and I'd like to change it to black, but I don't see how I can affect this change.

Please see attached files, and thanks for your attention.

Peter
Hi Peter,

1. Can you provide us the site access at http://stackideas.com/dashboard/site so we can investigate the Facebook button issue?

2. You can try using the following custom css(change the color according to your needs).

#eb .eb-share-twitter-btn {
background-color: #1b95e0 !important;
}
In case you currently don't know, custom css for EasyBlog can be placed here: https://take.ms/OOoYl
·
Tuesday, 30 April 2019 12:01
·
0 Likes
·
0 Votes
·
0 Comments
·
Provided access details. Tried inserting the custom css but it doesn't seem to affect the colour of the twitter icon. It's still blue. Would be nice if you offerred an assortment of different choices for these icons. I would prefer just the bird in white in a circular black outline, which is an approved twitter icon.

Thanks for your help.
Peter
·
Tuesday, 30 April 2019 22:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Based on what I checked on your blog listing page, it did show the blank tweet icon now, you can check my attached screenshot below.

And I found out that Facebook share button missing is conflict with jfbconnect extension, it seems like they render those Facebook share button using 2.9 version :


<script type="text/javascript">

window.fbAsyncInit = function() {
FB.init({version: 'v2.9',appId: '385680758114232', status: false, cookie: true, xfbml: false});
FB.Event.subscribe('comment.create', jfbc.social.facebook.comment.create);
FB.Event.subscribe('comment.remove', jfbc.social.facebook.comment.remove);
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>


And ours is using version 3.0.

Currently I am not really sure whether is because of the version or not, as long as when I disable this 'System - JFBCSystem' plugin, then that Facebook social share button appear on the blog listing page now.
·
Tuesday, 30 April 2019 23:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex,
You were right and the jfbconnect issue has been sorted. The site now shows both twitter and facebook buttons. I was also able to change the twitter icon to black, but I need to do the same with the facebook icons. Please see attachments. I'd prefer to have only icons and not text and I'll need them all black.

Would you be good enough to share how I can accomplish this?

Thanks for your time.

Peter
·
Friday, 10 May 2019 02:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Peter,

You can use the following custom css to hide the 'Tweet' word in the Twitter tweet button.

#eb .eb-share-twitter-btn .btn-text {
display: none;
}
Unfortunately you cannot change Facebook's button to black because it is rendered from Facebook itself.
·
Friday, 10 May 2019 16:25
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post