• Resolved kamilapolyglotsdiary

    (@kamilapolyglotsdiary)


    I installed the AddThis plugin, set up the share buttons and checked the boxes for making them appear above and below the post.

    The order of divs on my website is now:
    – post
    – About the author box
    – Related posts
    – Share buttons
    – Comments

    However, I want to have the share buttons immediately below the post. That means before the ‘about the author’ box.

    So the order should be:
    – Post
    – Share buttons
    – About the author box
    – Related posts
    – Comments

    How can I make this possible?

    Note: I don’t know anything about PHP and my CSS skills are quite basic. If there’s anybody who can give me a code that I can put in the editor, I would be very happy ??

    Kamila

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Contributor Leland

    (@addthisleland)

    Hi Kamila!

    It looks like the share buttons you’re currently using below your content is from AddToAny and not AddThis (your sidebar share buttons are from AddThis though).

    I suggest you contact AddToAny’s support to get instructions on how you can adjust the positioning of your inline share buttons.

    Thanks,
    Leland

    Thread Starter kamilapolyglotsdiary

    (@kamilapolyglotsdiary)

    @addthisleland thanks for visiting my website.

    If you scroll down to the bottom of my website, you’ll see that the share buttons of AddThis don’t appear immediately below my post.

    I temporarily use both Addthis and AddtoAny together. The ones you saw were the AddtoAny buttons. Both are now set as ‘show below post’ but the thing is that I want to use only Add this and they don’t appear where they should appear.

    Can you please visit the website again and go to the related posts section? That’s what I’m talking about.

    You might not recognize them because they are all yellow.

    Plugin Contributor Leland

    (@addthisleland)

    Hi Kamila,

    Yes I do see them now!

    To get this to work, you will just have to insert the below code in the correct place so there’s no other coding that needs to be done but it does require some confidence in editing your theme’s template.

    Wherever you place the below Inline code in your HTML, it will show in that position:
    <div class=”at-above-post”></div>

    It is my understanding that this article is of the WP ‘post’ type:
    https://polyglotsdiary.com/learn-language-like-child/#.WpVvDBPwaAy

    I actually downloaded your theme so I’m pretty sure this is where you will have to go: ‘Appearance’ –> ‘Editor’ –> ‘content-single.php’:

    I believe you will have to insert that inline code above “<footer class=”entry-footer”>”

    It may take trial and error to get this right but DO make sure that before you change any of the code, make a backup copy of that file by just copy/pasting the original code in ‘content-single.php’ into a word editor and saving it. This way, if anything goes wrong (e.g. accidentally deleting a character), you have a backup to restore.

    Let me know if that works!

    Thanks,
    Leland

    Thread Starter kamilapolyglotsdiary

    (@kamilapolyglotsdiary)

    @addthisleland thanks for the code.

    I added the code to the content-single.php page at the place you told me (see https://www.screencast.com/t/iDcppACVR9Lr)

    Now, the share buttons are not below the ‘related posts’ div anymore. They are in the related posts section.

    The code obviously did something but I don’t know what I can do to move them up.

    EDIT: I see now what this code exactly did. I see the share buttons now twice in my post: https://www.screencast.com/t/gUcxrksZao

    Help me!

    Plugin Contributor Leland

    (@addthisleland)

    Hi @kamilapolyglotsdiary,

    Can you send me all the code in that entire content-single.php file?

    You can send it to [email protected] so I can look over it to see if there’s a better place to put it.

    Thanks,
    Leland

    Thread Starter kamilapolyglotsdiary

    (@kamilapolyglotsdiary)

    Sure! I’m going to send it now.

    Plugin Contributor Leland

    (@addthisleland)

    Hi Kamil,

    Can you try inserting that inline code (<div class=”at-above-post”></div>) right after:
    * <?php edit_post_link( __( ‘Edit’, ‘marlin-lite’ ), ‘<span class=”edit-link”>’, ‘</span>’ ); ?>

    Screenshot:
    * https://www.screencast.com/t/4dGpYgoiMVwB

    Let me know if that works!

    Thanks,
    Leland

    Plugin Contributor Leland

    (@addthisleland)

    Hi Kamila,

    I’ve also emailed you but also wanted to post here in case anybody else runs into the same issue.

    It looks like your Related Post tool was causing a priority issue but I found a simple fix that will escalate the AddThis Share Button’s priority.

    Here is a video I’ve created showing you the steps I did:
    https://www.screencast.com/t/qvCLsjA7

    Here are the instructions:
    1.) In your WP Admin, go to Plugins –> Editor
    2.) In the ‘Select plugin to edit:’ drop-down, select ‘Share Buttons by AddThis’ then press ‘Select’
    3.) Click on the ‘backend >’ tab
    4.) Select the first file called ‘AddThisFeature.php’
    5.) In the file editor, do a “CTRL + F” for PC or “Command + F” for Macs and search for “$priority = 16”, it should be the one located under the “getContentFilterPriority()” function.
    6.) Change the ’16’ to ‘0’ so the code should now be:
    * $priority = 0 + $this->filterPriority;
    7.) Scroll to the bottom and click on “Update File” to save the changes.

    Let me know if this works!

    Thanks,
    Leland

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Share buttons don’t appear immediately below post’ is closed to new replies.