Support

Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

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.
Paul Dec 27, 2012 @ 10:30AM EST AddThis Happiness Specialist
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
Down rated
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
Down rated
Paul Dec 28, 2012 @ 11:44AM EST AddThis Happiness Specialist
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.
Up 0
Down rated

This question has received the maximum number of answers.

help@addthis.com
http://assets01.desk.com/
false
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete