Facebook button not aligned

My website is www . solo - single . com
Override.css is enabled. My joomla version is 3.5.1. My template version is 3.20. My k2 version is 2.6.8.
As you can see from my image attached

facebook-align.jpg

The facebook button in the middle is not aligned with google and tweet.
Here is the link on my website:
mywebsite/informazioni/il-progetto-che-vorremmo-realizzare-tramite-solo-single-com
It is a k2 item, furthermore I noticed that in your demo:
https://demo.gavick.com/joomla25/university/index.php/news/k2-categories/events-list-1/item/290-private-pesticide-applicators-training
it is aligned and you have 2 buttons (like and share).
Can I have it aligned with 2 buttons too?

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

.itemFacebookButton .fb_iframe_widget span {
    display: block;
}


Thank you, it worked!
I noticed that on your university demo template you have 2 facebook buttons (like and share) in your k2 items.
How can I get the facebook share button too?

Hi

K2 has 2 places for social buttons. First is a prepared code where You just have to activate to show Facebook, Google+, Twitter and other is a field to paste any social plugin code. I believe You mean the second method.

Yes I mean the second method.
Where can I find such field (to paste inside the facebook plugin code)?

Hi

Try in EXTENSIONS > K2 > PARAMETERS > SOCIAL

Than You will still have to activate this field in K2 category settings for categor item or item itself.

Same problem with facebook button alignment. I put the code mentioned above but nothing changed. I noticed our printscreens are different so maybe the code I should change is different too. Thank you in advance!

Hi

@s_pitsikal please tell me the url to Your site.

Hi teitbite!
the link is this - > http://www.learn2learn.gr/index.php/com ... esolutions
actually the icons are aligned now. Maybe there is a delay with the server. Check it out. Thank you for your reply. However, it would be helpful if you could help me put a space between the 3 buttons because they seem too close to each other. Thanks again!

Hi

Please try to add this to override.css

Code: Select all

.itemLinks .itemSocialSharing > div {
    margin-right: 10px;
}