Topic-icon SCSocialWidget - Twitter

Active Subscriptions:

None
12 years 3 weeks ago #44069 by joomleb
Hi to all,
Please, using SCSocialWidget module with Twitter, in module options:
1 - Alignment: Is there any way to have the "Center" alignment ?
2 - Opt Out: What is ?!?
The topic has been locked.
Support Specialist
12 years 3 weeks ago #44098 by alzander
Replied by alzander on topic SCSocialWidget - Twitter
1) No, there's no "Center" option. Twitter only offers right or left options for that, and we can't override those settings.
2) The Opt-Out setting is for "Tailored Suggestions". Twitter has a full page on that setting, which you can read below:
support.twitter.com/articles/20169421
Basically, when you opt-out, you provide slightly higher privacy for your users.

I hope that helps answer your questions, but if you need more help, just let me know.

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

None
11 years 11 months ago #45103 by joomleb
Replied by joomleb on topic SCSocialWidget - Twitter
Hi Alex,
thanks for support...

1 - I red here dev.twitter.com/docs/follow-button#width-and-alignment what you mean :(
Maybe, Can I "center" all module content assigning a custom CSS to the module position I'm using for SCSocialWidget module ?
Do you have any suggestions?

2 - I'm studing, many thanks!

3 - a small "OT": I'm using the "old" JFBConnect Fan box,
Would be better delete it and use the new SCSocialWidget module (Facebook - Like Box) creating a copy of it ?
If I run SCSocialWidget module copies, What's happen during upgrade ? All SCSocialWidget module copies will be updated ?
The topic has been locked.
Support Specialist
11 years 11 months ago #45104 by alzander
Replied by alzander on topic SCSocialWidget - Twitter
1) You can center where the button shows within a Div. The contents of the widget itself can't be centered though. I hope that makes sense. Twitter uses an iFrame to show it's content and there's no way to apply any CSS to the content of an iFrame. You can only apply CSS to the div that contains the iFrame.

2) Cool. Let me know if you have questions.

3) Yes, you should replace any older JFBCxyz modules with the SCSocialWidget. You can create as many SCSocialWidget instances as you want. All of the configuration parameters will be separate for each of them. When you update, they'll all update. That's part of the reason we moved to one module for all the widgets. When we fix an issue, it works for all widgets. We don't have to update 20+ individual modules.

With JFBConnect v6.1 (released today) we also added a new SCSocialStream module which you can see at the bottom of this page. It allows you to show your Facebook Page or Group, Twitter or LinkedIn Company stream in a completely override-able and CSS stylable module.

I hope that helps answer your questions,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 11 months ago #45108 by joomleb
Replied by joomleb on topic SCSocialWidget - Twitter
1 - Well, I understand you, but really I don't know how can I do it :(
Please, Is it anything simple to explain me if I ask you How can I apply CSS to the div that contains the iFrame ?

3 - to be sure, Is this the complete modules list I can delete? :
JFBCComments
JFBCEmbeddedPosts
JFBCFan
JFBCFeed
JFBCFollow
JFBCFriends
JFBCLike
JFBCRecommendations
JFBCRecommendationsBar
JFBCRequest
JFBCSend
JFBCSharedActivity
JFBCShareDialog
JFBCSocialShare

After that I can create as many SCSocialWidget instances I want simply duplicating the first SCSocialWidget module, am I rigth?
The topic has been locked.
Support Specialist
11 years 11 months ago #45112 by alzander
Replied by alzander on topic SCSocialWidget - Twitter
1) Our Twitter Share modules all have a specific class around it. Try adding the following to your template to see what happens:
.Twitter.share {
text-align: center;
}
Test and let me know if it helps. If not, let me know a URL where we can see the issue, and we'll gladly take a look at your page.

2) The only modules JFBConnect installs and uses in v6.x are:
JFBCSocialShare - That's the widget that shows all the share buttons like in the bottom right of this page
SCSocialWidget - It's what lets you configure all the other widgets
SCSocialStream - This is new in JFBConnect v6.1 and is what lets you create a stream of updates from different networks, as can be seen at the bottom of this site.

For the SCSocialWidget, you can either copy an existing module or click the "New" button and create a new SCSocialWidget instance. Once created (or copied) modify the settings however you need.

I hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 11 months ago #45332 by joomleb
Replied by joomleb on topic SCSocialWidget - Twitter
Hi Alex,
2 - Ok, thanks
1 - I use Template Creator CK for my templates, so I added the code you suggested into a custom.css file as explaned here , but nothing happen :( as you can see here .
In addition to, I have to say that I have the same alignment problem with the Google+ page badge I'm setting :(

Please, Do you have any other sulutions to suggest me ?
The topic has been locked.
Support Specialist
11 years 11 months ago #45343 by alzander
Replied by alzander on topic SCSocialWidget - Twitter
There is no "custom.css" file loaded on that page. You can look at the HTML yourself to verify that file is not being loaded.

In looking at your page, I see there is the LinkedIn Share, Twitter and G+1 buttons at the top of your articles. There is a space between the Twitter and G+1 buttons. Is that the 'alignment' you're trying to fix, and you just don't want a space there? If not, please let me know specifically what you are trying to do.

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

None
11 years 11 months ago - 11 years 11 months ago #45364 by joomleb
Replied by joomleb on topic SCSocialWidget - Twitter
Hi Alex,
no, I mean the SCSocialWidget modules (Facebook Like Box that is centered/aligned, Twitter Follow not centered/aligned, and I also tested Google+ Page Badge that also is not centered/aligned), you can see them on the right (block ID: right - module position: position-6)...

custom.css file: sorry, Is it fixed now ? Right ?
But nothing is changed, Twitter is not aligned yet :(
Last edit: 11 years 11 months ago by joomleb.
The topic has been locked.
Support Specialist
11 years 11 months ago #45500 by alzander
Replied by alzander on topic SCSocialWidget - Twitter
Sorry, I was indeed looking at the wrong buttons. For the Twitter widget, add:
.Twitter.follow {
width: 50%;
margin: 0 auto;
}

Looking at our code, it'd be good if we added a class of scsocialwidget to all of our boxes to easier select them all.

As for the custom.css file, I'm still not seeing it loaded on your page. You can use the View Source option in any browser to search for "custom.css" in the HTML and I'm assuming you won't see it either. There are lots of other CSS files on the page that may work for you though.

I hope that helps,
Alex
The topic has been locked.