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,
Thanks,

Is the Social Icons addon what you are looking for?http://www.concrete5.org/marketplace/addons/social-icons/...
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?
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:
instead of
I'm assuming you'd like it to look something like this:
----- ----- ----- ----- | T | | F | | B | | D | ----- ----- ----- -----
instead of
----- | T | Twitter ----- ----- | F | Facebook -----
Exactly! That would be perfect and THANK YOU!
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...
.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...
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.
.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.
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.
.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.
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
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
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:
in a page list template you could even add the buttons for every page using:
Add-On is here:http://www.concrete5.org/marketplace/addons/social-share-privacy/...
Hope is helpful to some people. Feedback is apprechiated.
Patrick
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