Facebook Like Button Overlap Issue
By Ben on Friday, 07 February 2014
Posted in Technical Issues
Replies 8
Likes 0
Views 1.1K
Votes 0
I am trying to display all the social sharing buttons at the bottom of the page via the social integrations setting. However, the Facebook like buttons mess the page up. First they overlap which ever button they are positioned next to (whether selected to display in line with other items or not).

Also, they disable the commenting system that I am using....when Facebook Like is enabled, I cannot use Disqus or the built in commenting system.

Please see the attached screenshot. I can enable the Facebook icon for testing when you are ready, but for now, I have it disabled so it will not conflict with my commenting system.
Hi Khairul,
Sorry for the delay. I just got back to the system today to work on it. I found that sh404sef's social plugin was causing the code conflict for Facebook likes, which was also causing the issue with Disqus. Disabling sh404sef's social plugin solved both issues.
Ben
·
Friday, 14 February 2014 11:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Ben,

Sorry for the late reply. I visited your site to check out the issue but there is no Facebook button in sight. Did you turn it off? Please turn in back on so that i can investigate this issue. Also if possible please provide me with backend and FTP so that I can check this out. Please advice.

Thanks!
Adelene
·
Friday, 07 February 2014 10:19
·
0 Likes
·
0 Votes
·
0 Comments
·
I just re-enabled it now for you. However, I'm only open to keeping it like that (broken) published for an hour max. The information you requested is now listed as well.

Also, would it be possible to turn off displaying of the blogs on the blogger pages. Ideally, the blogger page would only contain their bio. Is this possible?
Ben
·
Friday, 07 February 2014 10:38
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Ben,

Sorry for the late reply. I have fixed the Facebook button for you by applying some CSS codes in

JOOMLA/templates/yoo_streamline/css/custom.css
#eblog-wrapper .social-button.social-button-large.facebook-like {

width: 60px;

}

As for the profile, in EasyBlog we do not actually have a profile page. If you have some other components that have profiles you can link them. This is possible in backend -> EasyBlog -> Setiings -> Layout -> Avatar. Hope this helps.

Thanks!
Adelene
·
Friday, 07 February 2014 12:10
·
0 Likes
·
0 Votes
·
0 Comments
·
You missed part of what I mentioned. Having Facebook enabled makes the commenting system no longer work. Even if you switch it to the built-in commenting system, you cannot select any of the fields.

Regarding the profiles, this is what I'm talking about http://www.ignitingbusiness.com/blog/listings/emmanuel-pottipadu.html I don't want that page to show his blog posts. Instead I only want it to show his bio.
Ben
·
Friday, 07 February 2014 12:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Do you see what I'm saying? As soon as I disable the Facebook like button, the comments will start working again.
Ben
·
Saturday, 08 February 2014 02:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Ben,

When I'm about to debug your site, I could not go through your backend and will be directed to home, even when I use the link you had provided, please advice?

Thanks
Khairul
·
Saturday, 08 February 2014 03:31
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Ben,

You're welcome, thanks for getting back to us that is work
Have a nice day.
Arlex Wong
·
Friday, 14 February 2014 11:47
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post