Vertical Floating Bar within WORDPRESS. Help needed.

doctorattaman Dec 17, 2012 09:38PM EST

Hello,

I am having the same problem as the below poster, who asked this question in september. I cut and pasted this code as instructed, but it does not work. Did you write the code correctly? I ask because after entering it and saving, the addthis settings panel always deletes the first line of code dealing with position. It appears there is a positioning problem with the code you provided below. Thank you!
attaman.wpengine.com


I downloaded the AddThis plugin for Wordpress to my hosted site (not at Wordpress.org or Wordpress.com but at a third-party WP host). I'm using the default horizontal bar/buttons, but I'd like to have a floating vertical bar instead...and I don't see the option for that, even though AddThis apparently does make these available elsewhere. How do I get these? And, how can I configure what's shown without knowing how to modify code? I'm not a coder. I'm a novice. I want E-Mail, Print, Facebook Share and maybe Save shown as option besides Facebook Like, Tweet, Google +1 and the Share box. Please advise me ASAP. Thanks!

1 Community Answers


Paul
SEP 06, 2012 02:24PM EDT
Click the "more options" link on the AddThis settings page, then select "Custom Button" and enter this into the text area:

<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>

Then save the changes. You might have to adjust the left and top values to get it to display correctly.

Up 0 Rated Down
Paul (AddThis Happiness Specialist) Dec 27, 2012 10:30AM EST
This looks like a bug in our WordPress plugin. While we work on a fix try adding this to your styles.css file:

.addthis_floating_style {
left:50px;
top:50px;
}

Let me know if you need any more help.
Up 0 Rated Down
doctorattaman Dec 28, 2012 11:08AM EST
Dear Paul,

Thanks for your help.

Please see my site jasonattaman.com

You can see this partially works. I am seeing a total of 7 spaces for social sharing icons in the vertical bar now, when there should only be 4. there are an extra three empty icon spaces for some reason.

In addition, it is conflicting with my slider, which you will see. Although, I am not sure if the error is with my slider code or with your plugin. I will ask the theme developer about this too.

Nonetheless, the extra white space appears even on pages without a slider, so I think that is in your camp for sure.

As you know there are a huge number of wordpress users out there that would love to have a vertical addthis bar. I'm sure it would benefit a lot of people if you could find a prompt fix.

thanks! Jason
Up 0 Rated Down
Paul (AddThis Happiness Specialist) Dec 28, 2012 11:44AM EST
There are only four buttons there, but they're spaced out so it looks like there's room for seven of them. This is because you've got <br> tags between the buttons that don't need to be there. If I pull down the source of your page and remove the <br> tags I get this: http://i.imgur.com/Nq6fo.png

I'm not sure what you're referring to when you say the "slider." Could you explain?

Also, we had a spam attack over the holiday that resulted in us having to turn on moderation again. That's why your posts don't show up immediately.

This question is closed to new answers.

Still need help?


General Topics

 

Developers