Sharing & Like buttons on one line

  • Resolved miarr0wporg

    (@miarr0wporg)


    4 years, 3 months ago

    Hello dears,
    Would somebody be able to tell me how to get the social sharing buttons and the likes on one line? I have a couple of full width pages I would like to add sharing to, but even if the main content is contained, the sharing and likes appear below the content without any margin to the left. I can adjust the comments position in Elementor, not so the sharing.
    I thought the easiest way to fix that would be to give the social sharing a center alignment and have the likes float next to them.
    (I would prefer them on one line instead of stacked in any case, first likes, followed by shares, if that is possible)

    I tried the following to get the first version (center align+ floating likes)

    /* Shares */
.sharedaddy .sd-sharing {
   text-align: center;
}
/* Likes */
.jetpack-likes-widget-loaded iframe {
    display: inline-block;
    float: right;
    position: relative;
}

    The sharing button center alignment works, but I can’t seem to get hold of the likes.
    I use Neve child, if that’s in any way relevant information.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor James Huff

    (@macmanx)

    What is the URL of the site you’re working on?

    Thread Starter miarr0wporg

    (@miarr0wporg)

    It’s a messy construction site, nothing is finished and I have not published most of the pages in question.
    I set up a test page with enabled likes and shares.
    testpage

    Plugin Support KokkieH

    (@kokkieh)

    That testpage is hidden by your Coming Soon plugin, so I can’t see it to check what CSS might work in this case. Can you make the site public for a little while so we can see what’s going on there?

    Thread Starter miarr0wporg

    (@miarr0wporg)

    @kokkieh Ooops, sorry. I removed it, I hope you can access the sample link now. Surprisingly the main container closes below the widget, so it should be in the contained area. That’s at least what I see if I use inspect element to see the possible target class names for my css attempts. I even adjusted the individual content width to 70% in addition to the contained setting in the theme options, still sticking to the left with no margin.

    Plugin Contributor James Huff

    (@macmanx)

    Hm, yeah there’s not a way to fix this simple via CSS, so it’s a bit outside of the scope of support we can offer for this. https://jetpack.com/support/scope-of-support/

    Have you reached out to the theme’s support about this?

    Thread Starter miarr0wporg

    (@miarr0wporg)

    @macmanx Thank you for taking a look. Good to know, I thought it might be possible and I just didn’t know how. But in that case, I am just going to deactivate the likes on pages.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Sharing & Like buttons on one line’ is closed to new replies.