Support » Plugin: Jetpack - WP Security, Backup, Speed, & Growth » Sharing button in right side

  • Resolved skumar1st

    (@skumar1st)


    Your plugin is rocking. Default share button in bottom but I want to set in right side with floating.

    Could you please confirm css code, so that I can get this done?

    Thanks in advance and awosome plugin.

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support bruceallen

    (@bruceallen)

    Happiness Engineer

    Hi @skumar1st

    Could you please post your site URL here so that we can have a look?

    We don’t provide custom CSS code as part of support, but we may be able to get you pointed in the right direction.

    Thanks!

    Thread Starter skumar1st

    (@skumar1st)

    Thanks for quick response and hope for this fixes.

    Please look this page. Currently showing in bottom and want to show in right side with floating.
    https://areawala.com/how-and-why-learn-madhubani-painting/

    Plugin Support bruceallen

    (@bruceallen)

    Happiness Engineer

    Hi @skumar1st

    So do you want them to appear as a widget in the sidebar? You might be able to make that work by following the steps on this page:

    https://jetpack.com/support/sharing/

    Down under the How can I move where the sharing icons are displayed? dropdown.

    Thread Starter skumar1st

    (@skumar1st)

    Thanks for help.
    I did insert 1st code in function.php and share icon hided as expected.
    But 2nd below code unable to understand “how /where to insert” in single.php. Pls guide.

    if ( function_exists( 'sharing_display' ) ) {
        sharing_display( '', true );
    }
     
    if ( class_exists( 'Jetpack_Likes' ) ) {
        $custom_likes = new Jetpack_Likes;
        echo $custom_likes->post_likes( '' );
    }
    add_action( 'loop_start', 'jptweak_remove_share' );
    Plugin Contributor Dan (a11n)

    (@drawmyface)

    You can insert that anywhere in the single.php file (within php tags).

    Once you’ve done that, you’ll need to add some CSS code to make the buttons float (I guess you want them to remain visible as you scroll the page?)

    As Bruce mentioned, we can’t provide CSS support, but I’d suggest looking into the position: fixed property, as explained here: https://css-tricks.com/almanac/properties/p/position/

    This may also help:
    https://css-tricks.com/creating-sliding-effects-using-sticky-positioning/

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.