Facebook "Like" button comment module not shown properly - Support

Tagged: facebook, Like, social share

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
April 25, 2015 at 10:22 am #434657

hiroy1125
Participant

Hi,

I’m trying to set up SNS buttons without Enfold’s default settings because I want to show the buttons on any part of pages/posts.
When I used “WP Social Bookmarking Light” plugin, SNS buttons are shown properly, but there is a problem when I clicked “Like”.
Comment module is shown behind content text and some buttons, therefore viewers cannot put comments and press “comment” button.

Please take a look and let me know how I can show FB comment module at the top layer of the page.

April 27, 2015 at 6:03 pm #435471

Elliott
Inactive Moderator

Hey hiroy1125!

I viewed your link and I see a facebook share and like button. I don’t see anything that resembles comments though. Can you take a screenshot and highlight what your referring to so we can get a better idea?

Cheers!
Elliott

April 28, 2015 at 3:48 am #435767

hiroy1125
Participant

This reply has been marked as private.

April 28, 2015 at 8:49 pm #436355
Elliott
Inactive Moderator
Hey!

Try adding this to your custom CSS.
```
#main > .fullsize { z-index: 999 !important; }
```
Cheers!
Elliott
- This reply was modified 9 years, 7 months ago by Elliott.
April 29, 2015 at 3:31 am #436461

hiroy1125
Participant

This reply has been marked as private.

April 29, 2015 at 3:34 am #436462

hiroy1125
Participant

This reply has been marked as private.

April 30, 2015 at 5:01 pm #437584

Elliott
Inactive Moderator

Hi!

Hmm, it looks like a z-index issue but I couldn’t figure it out. What is the code your using there? Have you done any CSS customizations?

For the footer problem that should be fixed when you update the theme to the latest version.

Best regards,
Elliott

May 1, 2015 at 2:04 am #437869

hiroy1125
Participant

I used a plugin “WP Social Bookmarking Light” and customized CSS a little bit because it didn’t show properly in default.

On its settings page, styles tab, I added the following codes:
.wp_social_bookmarking_light{
position: absolute;
z-index: 9999 !important;
}
.wsbl_facebook_like iframe{
z-index: 9999;
overflow: visible;
}
#main > .fullsize { z-index: 9999999999 !important; }

(only your code added at the last line worked so far)

Is there anyway to put main content text behind with z-index settings?

May 4, 2015 at 4:28 pm #439034

Elliott
Inactive Moderator

Hi!

Go ahead and remove all of your custom CSS and let us know when your done and we’ll take another look.

I would also consider just grabbing the facebook code from the website, https://developers.facebook.com/docs/plugins/like-button, instead of using a plugin.

Regards,
Elliott

May 4, 2015 at 5:10 pm #439100

hiroy1125
Participant

Ok, I removed custom CSS except
#main > .fullsize { z-index: 9999 !important; }
Please take a look.

It’s also fine to use facebook code directly.

May 5, 2015 at 5:29 pm #439874

Elliott
Inactive Moderator

Hi!

I’m not sure. The markup looks weird and it’s behaving very weird with the other elements. I would try finding a new plugin to use or just use the official code from the facebook website.

Best regards,
Elliott

May 21, 2015 at 2:26 pm #447736

hiroy1125
Participant

Hi, is there any update on this issue?
Let me know any plugins I can use for FB Like!

Thanks.

May 22, 2015 at 4:43 am #448139

Ismael
Moderator

Hi!

Try to generate the widget code here: https://developers.facebook.com/docs/plugins/like-button

Add the generated code inside a text or code block.

Best regards,
Ismael
Author

Posts

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.