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,
![SkyBlueSofa](/files/avatars/322.jpg)
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