New to the community? Start here

Ultimate Facebook Plugin not allowing text box to be visible.

The like/share button doesn’t display properly when I click like. It looks like the text boxed is being covered up by something else. Can you check it on the following page of posts:

http://getreadytoprofit.com/radio-show/

Fri, 11 Dec 2015 0:07:55

Luís Lopes
- QA
- 1,658 pts: Hero points 13,543 pts: Rep. points LEVEL 28
Hi @Glenn Garnes,

I hope had been good today!

Your Theme it’s overriding the styles. Can you give us access to your admin panel, to try find a solution?

If you don’t already know, please, follow the link below, to see how enable the staff login:

https://wpmudev.com/manuals/wpmu-dev-dashboard-enabling-staff-login/

When you enable this option, please post again!

Cheers, Luís
Glenn Garnes
- Site Builder, Child of Zeus
- 72 pts: Hero points 128 pts: Rep. points LEVEL 4
I activated staff access at GetReadyToProfit.com
Luís Lopes
- QA
- 1,658 pts: Hero points 13,543 pts: Rep. points LEVEL 28
Hi @Glenn Garnes,

I hope had been good today!

Please try add this CSS code:
```
.fb_iframe_widget > span {

width: 450px !important;

}
```
If you don’t know, you should always avoid change the original CSS files, in order to don’t lose it all when you make an update.

So, we recommend use a plugin to add custom CSS:

https://wordpress.org/plugins/simple-custom-css/

I hope this information has been helpful. If I can help you in this or other questions, please let me know!

Cheers, Luís
Glenn Garnes
- Site Builder, Child of Zeus
- 72 pts: Hero points 128 pts: Rep. points LEVEL 4
Luis,

My theme has a similar place to put CSS code built into it and adding this code:

.fb_iframe_widget > span {

width: 450px !important;

}

as you suggested worked until I updated the plugin just now. Can you check to see if there was something that changed in the plugin that would affect the provided CSS?
Luís Lopes
- QA
- 1,658 pts: Hero points 13,543 pts: Rep. points LEVEL 28
Hi @Glenn Garnes

I hope had been good today!

Try this CSS code:
```
.fb_iframe_widget_lift {

max-width: none;

}
```
Cheers, Luís
Glenn Garnes
- Site Builder, Child of Zeus
- 72 pts: Hero points 128 pts: Rep. points LEVEL 4
This didn’t help.
Ash
- Code Norris
- 3,844 pts: Hero points 38,666 pts: Rep. points LEVEL 30
Hi there

I have just tried to visit your site, but it seems the site is down. Would you please check and let us know?

Have an awesome day!

Cheers

Ash

[attachments are only viewable by logged-in members]
Glenn Garnes
- Site Builder, Child of Zeus
- 72 pts: Hero points 128 pts: Rep. points LEVEL 4
It comes up fine for me.
Luís Lopes
- QA
- 1,658 pts: Hero points 13,543 pts: Rep. points LEVEL 28
Hi @Glenn Garnes,

I hope had been good today!

I tested the above code in the firebug and it works, can you give us access to your admin panel, to test other solutions?

If you don’t already know, please, follow the link below, to see how enable the staff login:

https://wpmudev.com/manuals/wpmu-dev-dashboard-enabling-staff-login/

When you enable this option, please post again!

Cheers, Luís
Glenn Garnes
- Site Builder, Child of Zeus
- 72 pts: Hero points 128 pts: Rep. points LEVEL 4
Access granted.
Luís Lopes
- QA
- 1,658 pts: Hero points 13,543 pts: Rep. points LEVEL 28
Hi @Glenn Garnes,

I hope had been good today!

I inserted the above code in the Custom CSS and it works (tested in Firefox, Chrome and Internet Explorer) the like button displays the iFrame properly. I am missing something?
```
.fb_iframe_widget_lift {

max-width: none;

}
```
Cheers, Luís
Glenn Garnes
- Site Builder, Child of Zeus
- 72 pts: Hero points 128 pts: Rep. points LEVEL 4
It’s working now Luis. Thanks. Maybe it was a caching issue on my end. Firefox updated too, so maybe that helped. Thank you for your help my friend!

How do you rate me?

Thank you for rating your experience!