Page 1 of 1

Redwaves lite chopping off half of the facebook widget

Posted: Mon Jul 11, 2016 3:16 pm
by helpmeplease
on the latest versions of redwaves lite, the facebook like box is getting cut in half if you display the widget in the sidebar.

This happens with the included "redwaves facebook like box" widget, as well as all the 3rd party "like box" widget plugins I could find.

Any chance we can get a fix for this?

Re: Redwaves lite chopping off half of the facebook widget

Posted: Mon Jul 11, 2016 10:30 pm
by admin
Hi helpmeplease, thanks for using RedWaves lite :D
Please give me a link to your website or take a screenshot of your sidebar and upload it here. From the widget settings, you can set the width of the Widget. The FB like box widget maximum width will always be limited with the width of your sidebar.

Re: Redwaves lite chopping off half of the facebook widget

Posted: Mon Jul 11, 2016 11:58 pm
by helpmeplease
Image

I edited out the picture and personal identifiers, but I think you can see whats happening. The whole right side gets chopped off no matter what I set the width to.

Re: Redwaves lite chopping off half of the facebook widget

Posted: Wed Jul 13, 2016 12:39 pm
by admin
Well, that's strange! Can you send me your website URL via PM?
Couldn't figure out anything from the screenshot. The widget seems to be working just fine so that could be caused by a CSS rule.

Re: Redwaves lite chopping off half of the facebook widget

Posted: Thu Jul 14, 2016 1:39 pm
by helpmeplease
after some debugging, it seems like this plugin is causing the issue with your theme: https://simplesharebuttons.com/

Any advice on getting this plugin to work properly with your skin? Thanks!!

Re: Redwaves lite chopping off half of the facebook widget

Posted: Thu Jul 14, 2016 1:49 pm
by helpmeplease
I found the culprit, and a fix.

The plugin has this CSS in ssba_styles.php::
.fb_iframe_widget span { width: 146px !important; }';

To fix, I added this custom CSS:
.fb_iframe_widget span { width: 300px !important; }';

using My Custom CSS Panel

Hopefully this helps anyone else who encounters this!

Re: Redwaves lite chopping off half of the facebook widget

Posted: Fri Jul 15, 2016 7:51 pm
by admin
Well, try this code instead:
.widget .fb_iframe_widget span {
	width: 297px !important;
}
This code will only affect the FB widget when placed in sidebar. This will prevent conflict with your Simple Share Buttons plugin.
Also, 297px is optimal for your sidebar. It's hard to notice a difference of 3 pixels but this just to make your FB widget fully visible.

Sorry for my delayed reply. If you still having issues, feel free to reply to this topic ( or start new topics ).