Social Recommend Block format change question

Anyone care to share how to get the FB, Twitter, Pintrest, etc icons to display horizontal instead of stacked?  Native Dolphin sure likes to display things vertical with an amazing amount of whitespace around objects :)

Would like for it to look like an OpenSocial toolbar if possible. 

Set the CSS for each element like this...

width: <your width>px;

display:block;

float:left;

Where do you have social recommend?

 If it had been a snake it would have bitten me!   FYI to anyone else interested  -  It's in the general.css in your template, class = "bx-social-sharing-btn bx-def-margin-sec-top". 

I've not tested any format changes as a result of what is displayed after multiple site visitors click on any of them (ie thumbnails appearing) but I can control that with the individual api settings most likely.

THANKS for the quick response.

 I'm just using the one native in 7.1.  I've been playing with dolphin for a few years now off and on. Just recently have I started looking at 7 which is very much different than the old 6 versions I've messed with before.  I don't have any production sites, to me it's my version of playing a video game. A way for me to learn php and MySQL on a larger scale. I'm not an expert coder but have learned quite a bit. One of these days when I think I have one ready, I'll publish a public site.

All that said for this point, I think the FB, Pintrest, Twitter and Google plus are native.  Maybe just added to 7.11?  I'm not that familiar with earlier versions of 7.x.

Are you using 7.1?  Or 7.1.1?

I'm using 7.11. I messed with it a while and couldn't get it like I wanted the way it was scripted so I just use a major hack.

I changed the first table entry in sys_objects_social_sharing to the following code and deleted the other table entries:

<span><iframe src="//www.facebook.com/plugins/like.php?href={url_encoded}&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;locale={locale}" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe></span>

<span>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/tweet_button.html?url={url_encoded}&amp;text={title_encoded}&amp;size=medium&amp;count=horizontal&amp;lang={lang}" style="width:100px;height:21px;"></iframe>
</span>

<span width:100px; class="g-plusone" data-size="medium" data-href="{url}"></span>

<span>
<a href="http://pinterest.com/pin/create/button/?url={url_encoded}&media={img_url_encoded}&description={title_encoded}" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
</span>

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

<script type="text/javascript">
  window.___gcfg = {lang: '{lang}'};
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Now everything is horizontal to my liking.  DISCLAIMER: I do not know if the format will change should site visitors start using the social buttons.  Since this is not a public site, I don't have a good way to test what it's like to have multiple participants.  Hopefully all attributes but the actual counts of people using the buttons are turned off.  I never have used a Pintrest button.

I'm sure someone more experienced in css formats will have a much graceful solution working with the general and default css files.  Goodluck!

I found it in 7.1 :)

Goodguyndfw -Would you mind pointing me in the right direction on how to edit that table  sys_objects_social_sharing

Im wanting to change the image that gets posted with the facebook recommend button.

 Hi,

if I understand correctly you should edit table named 'sys_objects_social_sharing '  in  Dolphin database.

There are 4 entries in that table and as Goodguyndfw suggest, you should alter first entry and delete the other three.

Greetings

Im looking for something even more basic.

Im trying to find info on how to actually edit the table. 

Im very new to Dolphin so if anyone knows of a thread or tutorial on actually editing the table please send me in that direction. I'm actually just looking to put a different icon in the facebook share post that the recommend block uses

What is stored in the sys_objects_social table is the Facebook iframe version.  I don't think you can modify fb's iframe version to use a different graphic.

With that said, you would need to replace the iframe version with xfbml code I believe.

 I missed your point about editing the actual entry since you are new to Dolphin. 

I open phpMyAdmin using WHM (or cPanel) and first locate the database defined during the Dolphin setup process.  If you didn't install Dolphin yourself and not familiar with the db name, you should still be able to recognize which database has all your tables. Once you open the database, go to page 2 of the tables and locate the social table.

This post my enlighten you..

http://www.boonex.com/forums/topic/Facebook-share-bug-with-videos.htm

I got it. Thanks so much.  One small prob....

I deleted the other rows in the table for the original FB like, twitter & Goog+ & left the pin it.

So I should be left with just my addthis & pinterest, but all the original are showing up.

I have cleared cached & even tried a new blog to see if that made a difference  but they are still there. Any idea what I may have not done? If i browse that table they are def not there. 

 You may notice,

Pinterest, will only show on a photo view page, I left that one.

If they are still show, manually clean your cache via cPanel or FTP, or clear your browser cache.

[edit] make sure to leave the ".htaccess" file in each folder /cache, /cache_public, /tmp

Try to view the site on a completely different browser.