Digg Digg Fix for Overlapping Pinterest Icon

As we develop our blogs, our list of favorite plugins will naturally grow. That’s why when something doesn’t work suddenly, it’s quite disheartening.

One plugin I like is called Digg Digg by Buffer. It’s used to include social book marks on blog posts and pages. You are given an option to include the following social sharing buttons: Twitter, Buffer, Facebook Share, Facebook Like, Digg, LinkedIn, Google +1, Reddit, dZone, TweetMeme, Topsy, Yahoo Buzz, StumbleUpon, Del.icio.us, Sphinn, Designbump, WebBlend, BlogEngage, Serpd, Pinterest, Pocket and Tumblr.

I like it because it floats on the left side of the page and moves along as you scroll down the blog, making it very convenient to use.

Digg Digg v 5.3.6 is compatible up to version 3.5.2 of WordPress. However, WordPress is constantly upgrading and the current version that’s running on my blog is v3.8.1. If you keep your blog’s WordPress platform current as it should be to maintain integrity of the site, then the Digg Digg plugin might not work properly.

In the example below, it can be seen that the Pinterest button overlaps the LinkedIn button.

1a-PinIt-Overlap

If this is happening to your blog, don’t fret. After doing some Googling, I found a quick fix by Brian Jackson.

It involves adding a simple CSS script to the Cascading Style Sheet found under the “Custom CSS Manager”. From the menu on the left, it can be located as follows:

Appearance > Custom CSS Manager

2-Menu

 

If the “Custom CSS Manager” can’t be located under the “Appearance” tab, then you will need to include a plugin called “Custom CSS Manager”. It can be downloaded from the plugins page and is free.

3a-CSS-Plugin

Once the “CSS Custom Manager” plugin is loaded, open up the tab.

Locate the blank CSS Style Sheet.

4a-CSS-Style-Sheet

Add the following CSS script to that sheet:

.dd_button_v a[data-pin-log=”button_pinit”] { margin-top: 30px !important; }

5a-CSS-Code

This should fix the Digg Digg plugin for you as seen below.

6a-Digg-Digg-Fix

You can read the original article here.

If you have any comments about this post, I would love to hear it.

Just use the comment section below.

8 thoughts on “Digg Digg Fix for Overlapping Pinterest Icon

  1. Thanks for the mention Frank! You would think by now that either Buffer (who makes Digg Digg) or Pinterest would have resolved this problem. I see this issue happening on tons of people’s sites.

    Good luck on your marketing adventure!

  2. Hey Frank, great post on fixing this. Now, can you fix the FB like button? When I click on the Like, a box comes up for if you want to make a comment, but it’s hidden behind the post, so only a portion of it shows. Then it hides the other buttons below it and I can’t figure out how to close it.

    Just something else to work on! 🙂

  3. Just to add to my previous comment, once I clicked on the “Post Comment” button, the social buttons went back to normal and I can see that my “like” has been added. So it’s just happening when you’re reading the post and decide to “like” it.

  4. Excellent tip that actually works!!! So many sites get messed up with their social buttons. Looking forward to more tips to stay ahead of the pack.

  5. Thanks for this Frank. I will go back and try to re-install Digg Digg today. I realized that somehow it is completely not showing on my site. I also have another site that I am developing and I when I added Digg Digg it did not give me the option of using Pinterest. I like using Pinterest a lot, I think it is powerful. However, one thing I noticed was that when I pinned this board on my Internet Marketing board it did not show up as counted in the bar. I Tweeted this post too, and that did show.

  6. If any one wants to be a successful blogger, then he/she must look at this post Digg Digg Fix for Overlapping Pinterest Icon, since it contains al} techniques related to that.

Comments are closed.