WordPress.org

Ready to get started?Download WordPress

Forums

Jetpack by WordPress.com
[resolved] Misplaced sharing buttons - Sharedaddy (4 posts)

  1. TmVikholt
    Member
    Posted 1 year ago #

    I've recently made some changes on my website (http://www.trinemarie.com/) and am now having some very annoying issues with my share buttons. They simply won't display until the end of my sidebars. So if my post (in the middle of two sidebars) is shorter than my sidebars you will have a long white gap between the content and the share buttons.

    From what I have read online I figured the issue is most likely in this file: /public_html/wp-content/plugins/jetpack/modules/sharedaddy/admin-sharing.css

    However I have no idea what code to change so that my share buttons display on the same level as my regular posts - inside of my sidebars. As far as I can tell there is no "clear:both" code in this file stopping the buttons from moving up.

    http://wordpress.org/extend/plugins/jetpack/

  2. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    You will indeed experience the issue with all plugins adding cleared elements inside your content. The problem seems to be caused by the way your theme was coded to allow for 3 different columns: sidebar / content / sidebar.

    To avoid this problem, I would recommend that you follow the following pattern to create 3 columns on your site:
    https://github.com/Automattic/_s/blob/master/layouts/sidebar-content-sidebar.css

    I hope this helps.

  3. TmVikholt
    Member
    Posted 1 year ago #

    Thank you, but no, that doesn't really help me. First of all, that code doesn't really make sense to me (why are two of the columns floated left?), and I'm still confused as to what the problem is to start out with.

    If this is caused by plugins (I'm guessing it's caused by Jetpack's sharing buttons, then?) clearing to both sides, will it not be a problem no matter how I set it up? Because I will still have two sidebars on each side of my main content, and the clear will not have been removed.

    I would really just like to be able to remove the code that clears to both sides (if I could find it), because I like the way my design looks.

  4. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    I would really just like to be able to remove the code that clears to both sides (if I could find it), because I like the way my design looks.

    You could edit the Jetpack sharing buttons to fix this issue, but you will experience the same problem with other plugins that will insert elements into your content. As long as your 3 columns are built this way, you will experience problems with all cleared elements inside the content container.

    By organizing your 3 columns like in the example I gave earlier, you should prevent all further issues. You can read more about how to build your 3-column layout here:
    http://alistapart.com/article/holygrail

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic