• Resolved roadlink

    (@roadlink)


    Is it possible to show buttons side by side?

    current

    Connect with facebook
    Connect with google

    What I want
    Connect with facebook Connect with google

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Laszlo

    (@laszloszalvak)

    Hi @roadlink

    When you publish the social buttons with shortcode:

    you can set the Style to “grid” that can display the buttons side by side if the container is wide enough. Here is an example shortcode for displaying the social buttons that way:
    [nextend_social_login style="grid" align="space-between"]

    Note:
    If your container is not wide enough to display at least 2 buttons side by side, then the buttons may still appear under each other, even with this shortcode.

    Best regards,
    Laszlo.

    Thread Starter roadlink

    (@roadlink)

    Hello,

    Thanks for reply. It works well.

    [nextend_social_login style="grid" align="space-around"]

    Any chance to set space amount between buttons?

    Plugin Support Laszlo

    (@laszloszalvak)

    Hi @roadlink

    I am sorry, we don’t have options to customize the space between the buttons, but with the “align” parameter you can control the way the remaining space is divided around the buttons. In the documentation you can inspect the supported values for the align parameter:
    https://nextendweb.com/nextend-social-login-docs/theme-developer/#shortcode

    Anyways if you would like to customize the space between the Buttons, then you could either:
    -use custom CSS to override the style of the buttons
    -or you could create your own layout with “div” elements. On the div elements you could add padding, then into each of the div elements you could publish a single social button with the default style, like this:
    [nextend_social_login provider="facebook"]
    where instead of facebook you can enter the ID of the corresponding provider. This way you could create your own layouts.
    ( Note: If you go to the “Usage” tab of each provider, then in the “Shortcode” section you will find example for the publishing with the provider IDs. )

    Thread Starter roadlink

    (@roadlink)

    Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Side by Side buttons’ is closed to new replies.