• Resolved justwithjeet

    (@justwithjeet)


    I am using Sinatra theme along with Jetpack for our website kilohecta.com which is working great, but with few design issues around the Sharing buttons and the Like button.

    1) First, the buttons are showing separately from the labels. For example, the label “Share this:” is showing on one line, then on the second line (with sufficient gap between them) the buttons are displayed. Ideally we would like to have them displayed side by side, first the label, then the buttons immediately after it, on the same line.

    2) The Like button is also showing the same behavior, the button itself is moved down the “Like this:” label. It looks very odd, as if the label and the button are unrelated. Rather, they should display side by side on a single line.

    3) It will be nice to have an option of where to show these buttons. By default these are on two different lines, and left aligned. We want the Like button to come first, then the Sharing buttons (it is the opposite right now). Also, it will be nice to have them center-aligned.

    Any way to fix these issues please? Any help in this regard will be appreciated.

    Thanks in advance!

Viewing 1 replies (of 1 total)
  • Anonymous User 18700194

    (@anonymized-18700194)

    Hi @justwithjeet

    Regarding the first two issues with the sharing and like buttons, it isn’t possible to adjust the display within Jetpack. However, this is something that you could accomplish with CSS by overriding the default classes. While it is outside our scope of support to provide CSS to do this, it is something that could be done by a developer or someone knowledgeable in CSS.

    Regarding the order that the buttons appear in, you can adjust this by following the methods discussed in this blog post as a guide:

    https://jetpack.com/2013/06/10/moving-sharing-icons/

    Similar to the first two issues, we can’t provide specific code to accomplish this, but it is something that a developer should be able to do for you. Additionally, for the alignment, you can accomplish that by overriding the default CSS included with Jetpack.

Viewing 1 replies (of 1 total)
  • The topic ‘Placement & alignment of Sharing & Like buttons’ is closed to new replies.