Topic-icon Social Share button

Active Subscriptions:

None
9 years 10 months ago #48867 by karipe
Social Share button was created by karipe
Well, how can I configure social share such that it will display exactly as it does on your website. I like the style and that is actually the reason I bought the component. But I can’t see anywhere a configuration that will give that same output. Could you please help me with that? Please see attached.
Regards

File Attachment:
The topic has been locked.
Support Specialist
9 years 10 months ago #48872 by mel
Replied by mel on topic Social Share button
On our site, we have the JFBCSocialShare module configured as follows:

Layout: Button Count
Orientation: Horizontal
Position: Float
Margin: 5px
Padding: 5px 0 0 5px
Background: #fff
Float from Top: 3000 (this puts it at the bottom of the screen)
Float from left: 3000 (this puts in on the right side)

In the Facebook section, we have:
Show Like: Yes
Width: 85
Height: 20

This should get you started, but please let me know if you have any issues.

Thanks
-Melissa
The topic has been locked.
Active Subscriptions:

None
9 years 10 months ago #48908 by karipe
Replied by karipe on topic Social Share button
Thank you, this is exactly was I was looking for.
The topic has been locked.
Active Subscriptions:

None
9 years 9 months ago #49069 by karipe
Replied by karipe on topic Social Share button
Hi Mel.
Which attribute selector can I use to define the border and border color the JFBShare that is set to float the right left corner. I used the following, but it tends to apply to every JFB share module in my website.

.jfbcsocialshare {
border: 1px solid #5f5f5f;
File Attachment:


border-radius: 5px 5px 5px 5px;
}

Regards,
Bignon.
The topic has been locked.
Support Specialist
9 years 9 months ago #49072 by mel
Replied by mel on topic Social Share button
In the instance of the module where you want the style, go to Advanced and add a class to the 'Module Class Suffix', for instance "test". Then your style would be declared as
.test .jfbcsocialshare {...}
The topic has been locked.