By renejdm on Thursday, 18 December 2014
Posted in General Issues
Likes 0
Views 502
Votes 0
Hi,

I have two problems with Facebook buttons.

1) buttons are not aligned correctly (see image)

2) Facebook Like popup dialog is not rendered properly and is cut off (see image)
Hi Rene,

Sorry for this delayed respond. Thanks for the access, it's work fine now.

I already inspected your issue again and already put this two CSS hack to make your Facebook share box & button alignment properly.

#discuss-wrapper .fb_iframe_widget,
#discuss-wrapper .fb_iframe_widget span {
vertical-align: top !important;
}

#discuss-wrapper .fb_iframe_widget span {
width: 450px !important;
position: absolute !important;
}


The first selector will align your Facebook button to the top, and the second will give extra width for its share box to display properly.

I placed this code under this CSS file: /components/com_easydiscuss/themes/simplistic/styles/style.css

Please move this hack to your own Joomla template so that this fix will not overwrite during upgrade later.

Please advice, thank you.
·
Thursday, 18 December 2014 17:47
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Rene,

I already inspected your site, and currently only 3 social share buttons exist (LinkedIn, Google +, Twitter). Can you please enabled the Facebook social share button for our inspections?

I also need your help to update your Site Details here. I can't access your site by using this current account.

Please advice, thank you.
·
Thursday, 18 December 2014 12:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ikram,

Can you try it again?

Rene
·
Thursday, 18 December 2014 12:54
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ikram,

Thanks very much. Everything works great now. I have moved your hacks into my own custom.css

Rene
·
Thursday, 18 December 2014 20:14
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

You're welcome.
·
Thursday, 18 December 2014 23:33
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post