Official share buttons not displaying correctly.
-
When I use official share buttons, the Pinterest button overlaps the adjacent button and all of them are unevenly spaced. While the gaps between the buttons do not look the best, my main niggle is stopping the Pinterest button from overlapping.
Also, I tried to add a facebook share button according to instructions found here: https://en.forums.wordpress.com/topic/its-possible-facebook-share-and-like-buttons-at-the-same-time-update?replies=5 however, the logo does not display properly.
Thank you in advance for your help.
-
I think the problem with the facebook share button is the icon url. I’ve tried playing around with a few icons but I can’t seem to find one that works. Otherwise, the button seems to work fine.
-
Hi there!
I believe that manually added FB share button is breaking the layout of your share buttons. The instructions you linked to are more than a year and a half old and things might have changed in the meantime. For example, the FB icon link is no longer a valid link which would explain why it’s not displaying properly. Try removing that one temporarily and see if that helps with the overlap between the Pinterest and Reddit buttons.
http://d.pr/i/JZFJAlso, you might want to change the button style from “Official buttons” to “Icon and text” and see if that helps.
Let me know if you have any questions!
-
The share button isn’t causing the breaking of the layout. That was occurring before I added it. But I have removed it anyway as I don’t need it that badly.
Buttons display fine on any other option than using official buttons. I had just switched to using official buttons recently just to find they aren’t spaced properly. I can just not use them but it is a shame and I just wondered if there was a solution available as I don’t seem to be the only blog with this problem.
Thanks for your time.
-
P.S The reason why I wanted to use official buttons was to enable non-Wordpress users to ‘like’ each post on Facebook. On other options, the Facebook button is just a share option.
-
It’s possible that there’s some custom CSS in your premium theme that is causing the layout of the official buttons to overlap. I tried testing and I was unable to replicate the issue on one of my test blogs.
As a premium themes customer, you do have access to an exclusive forum where you can get help from the theme authors themselves. Here’s a link to the forum for the Debut theme:
http://premium-themes.forums.wordpress.com/forum/debutIn this case, I recommend contacting the developer directly for help.
Let me know if you have any questions.
-
- The topic ‘Official share buttons not displaying correctly.’ is closed to new replies.
WordPress.com Forums 