FB & Twitter

Permalink 1 user found helpful
How do I add a Facebook and Twitter button to my page? Not the FB like button but the button that links directly to the Facebook page?

Thanks,

 
SkyBlueSofa replied on at Permalink Best Answer Reply
SkyBlueSofa
Is the Social Icons addon what you are looking for?http://www.concrete5.org/marketplace/addons/social-icons/...
bakstreet replied on at Permalink Reply
That's it! That's awesome! Next question, how do I get it to just display the boxes side by side? Right now they are one on top of the either with a long border and FB and Twitter written out? Or would that be because I have them in a Header box?
SkyBlueSofa replied on at Permalink Reply
SkyBlueSofa
I'm not at my development machine right now, so bear with me: It looks like a change to the CSS attached to the addon is all that would need to be changed. I'll take a stab at it a bit later this afternoon, if you can wait that long.

I'm assuming you'd like it to look something like this:

-----  -----  -----  -----
| T |  | F |  | B |  | D | 
-----  -----  -----  -----


instead of

-----
| T |  Twitter
-----
-----
| F |  Facebook
-----
bakstreet replied on at Permalink Reply
Exactly! That would be perfect and THANK YOU!
berteldk replied on at Permalink Reply
add this code to your CSS

.block-socialprofiles.large li a
{
float:left!important;
padding:0px!important;
font-size:0px!important;
border-bottom: 0px solid #ECECEC!important;
}
(add this if u didnt use large icons)
.block-socialprofiles li a
{
float:left!important;
padding:0px!important;
font-size:0px!important;
border-bottom: 0px solid #ECECEC!important;
}

then they will list to left and have no text...
ezek413 replied on at Permalink Reply
I tried doing this, but it does not seem to be working. I click on edit and go to design, click on css tab and insert:

.block-socialprofiles.large li a
{
float:left!important;
padding:0px!important;
font-size:0px!important;
border-bottom: 0px solid #ECECEC!important;
}
(add this if u didnt use large icons)
.block-socialprofiles li a
{
float:left!important;
padding:0px!important;
font-size:0px!important;
border-bottom: 0px solid #ECECEC!important;
}

Nothing happens after I have tried several times. Any suggestions?

Thanks for your time.
berteldk replied on at Permalink Reply
You should only paste either this:

.block-socialprofiles.large li a
{
float:left!important;
padding:0px!important;
font-size:0px!important;
border-bottom: 0px solid #ECECEC!important;
}

or this if you have not checked the large icons in the gadget:

.block-socialprofiles li a
{
float:left!important;
padding:0px!important;
font-size:0px!important;
border-bottom: 0px solid #ECECEC!important;
}

If this doesnt help, try and link me to your site, then ill see whats wrong.
ezek413 replied on at Permalink Reply
www.isaacvaldez.com

I tied doing both of your sugesstions, but this is what happens every time I try and make the proper edits. Not sure what I am doing wrong, these are more fist few days using c5.

Thanks again

Isaac
PatrickHeck replied on at Permalink Reply
PatrickHeck
I thought this thread would be appropriate to post some information about the latest update to the "Social Share Privacy" Add-On. You can use it to add Facebook, Tweet and Google+ Buttons to any page. This is usually done in a block. In the new 1.1 version though you can also use a helper function to add the buttons anywhere in your own templates - which I think is pretty neat.
So for example in a page template you could add:
<?php
$sh = Loader::helper('social_share_privacy','social_share_privacy');
$sh->renderSocialButtons();
?>

in a page list template you could even add the buttons for every page using:
<?php
$sh = Loader::helper('social_share_privacy','social_share_privacy');
$sh->renderSocialButtons(BASE_URL  . $nh->getLinkToCollection($cobj));
?>


Add-On is here:http://www.concrete5.org/marketplace/addons/social-share-privacy/...

Hope is helpful to some people. Feedback is apprechiated.

Patrick