Topic-icon Questions about Facebook like functionality and the Google+ button

Active Subscriptions:

None
Hello,

I added a few functionalities to the webpage but am confronted with a few issues I cannot resolve.

1. The Google+ button (I added that to all articles) only appears in Internet Explorer. Firefox and Google Chrome do not display the Google+ button.

2. When someone clicks on the "like button" for facebook, the screen that opens under the like button, is not showing correctly (in any browser).

File Attachment:


3. Both the module and custom HTML module for "find us on facebook", do not have an ending to it, no matter what setting I use on "height", it just keeps extending the photo-list, and never closes it around with a boder. This looks messy. I can only get that to show properly if I place it under an artile and in a "wide box".

File Attachment:
File Attachment:


Thanks for any assistance in resolving this.
Gina
The topic has been locked.
Support Specialist
1) The Google+ button is missing because of the RocketTheme RokBooster plugin. It changes the social tags in a way that makes them unworkable. We've gotten around the issue in the latest 5.0 release for all of the Facebook features, but the same changes aren't possible for the Google+ button. There's a support thread about this on RocketTheme already:
www.rockettheme.com/forum/index.php?f=62...86341&rb_v=viewtopic
I'd recommend posting there to hopefully raise the priority and have them fix the issue. Beyond that, if you want the Google+ button, you'll need to disable the RokBooster plugin.

2) There's a style in your template that looks like:
iframe, svg {
max-width: 105%;
}
That needs to be removed as it's limiting the size of the iFrame that Facebook is opening. Since RokBooster is enabled, I can't see the actual CSS file that has that line.

3) This is a bug with Facebook's Fan module. You can use their configuration tool to hopefully find settings that work. They state they support only a minimum width of 292px, which the border should always show at. Smaller than that though, there are only some combinations of width/height when the stream isn't showing that will fully show the border. Try to play with the configuration tool and see if you can find a setting that works:
developers.facebook.com/docs/reference/plugins/like-box/
Otherwise, enable the Fan Box on your page and let us know where we can see it to help you debug it further.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
Thanks for the respone Alex.

I will post to Rockettheme to make them (more) aware of this.
And I will try and find out about the other settings you pointed out to get that fixed.
The topic has been locked.
Support Specialist
Sounds good. Keep us posted on how things go. Should you need any more help from us, just let us know.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
Well thanks a lot!

A lot of "little things" have been solved by de-activating the Rokbooster Plugin! Thanks for letting me know this was an issue... Youtube player works now on Ipad & Iphones... Contact tabs works in all browsers as it should... and the Google+ ofcourse also :).

I have still a problem with the code you supplied for the facebook like box. I found some of the .ccs files that had it in it and removed it, and tried if it was the right one. But it does not seem to work. I did put the code back when I saw it had no results though. I am sure I have not yet found the right one to remove it from. Any help on this one, is greatly appreciated. And, how can I locate the right file? Sry, am learning all this by doing-trying...

About the facebook fan page. It looks as if it is also not "scaling" right in responsive mode. Probably a facebook setting as it is fixed dimensions?. I placed a module under each article for now.
But here is a page where I have published it in the sidebar (with the settings facebook requires as minimum). I must say I do not own a tablet or an Iphone, so I use my browser to "resize" and it looks as if it is not resizing properly.
www.ascension-portal.com/activities/trea...ergy-seed-activation

Thanks, Gina
The topic has been locked.
Support Specialist
Glad to hear that disabling the RokBooster plugin solved your JFBC, and other, issues.

As for the Like Box, we don't include any CSS files for that module. Additionally, Facebook doesn't allow you to include your own CSS to style the contents of that Fan box. They don't want users to change the looks of the Fan box because people have abused that ability by removing any indications of Facebook and not making the looks standard to Facebook's branding guidelines.

So, with that said, what are you trying to do and what are you editing? Again, I don't think you'll be able to change the looks, but there is some 'looks' options you have control over in our parameters.

Finally, your correct, the FanBox will not resize in a responsive view. It can 'move' as a page shrinks, but cannot be resized. The FanBox is implemented in an iFrame and has a fixed height and width. Those values cannot be set in % values, unfortunately, which means it won't resize.

Sorry for the trouble with the Fanbox, but hopefully you can work around that.

Best of luck,
Alex
The topic has been locked.
Active Subscriptions:

None
Hi again,

Yes, I thught that would be so for the fanbox, fixed dimension. It is totally fine. I solved that by placing it below the article and am happy with it!

What I am still trying to achieve is clicking on the like button.
In my first post, adressed as number 2. Sorry if I was a bit unclear about that in my last reply...

Below is the screenshot. I cannot seem to find the right file to make the changes you suggested. I tried changing a few, without succes.
File Attachment:


Thanks again, Gina
The topic has been locked.
Support Specialist
Gina,
I don't know either. You have the RokBooster plugin enabled, which is minifying, combining and compressing your CSS files. With that, it's impossible for me to know the CSS file that has that line in it. Please disable RokBooster and let us know and we can investigate further.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
Hi,

I had the rokbooster disabled, but gzip compression on in global configuration... I suppose that might do the same? Anyways, both are turned off now, sry.

Thanks for your help,
Gina
The topic has been locked.
Support Specialist
Gina,
I see what's happening. RocketTheme looks to have moved to compiled CSS (using a LESS compiler). That may not make sense, but generally, there is a setting in the template's themselves for "Development mode" or something like that that may use the raw files.

I can tell you now that the 'compiled' CSS file with the line that needs to be edited is:
www.ascension-portal.com/templates/rt_ce...7708e44e3d4fa751.css
You should be able to change/remove the iframe CSS style I mentioned above in that file. However, if you make any other changes to the template, that file will be regenerated and the setting will likely come back.. so it's best if you can find the original file that is being compiled to create the one I linked to above.

Hope that helps explain,
Alex
The topic has been locked.