Share Buttons Aligned at the centre with custom background and button numbers

  • Resolved Muhammad Junaid

    (@mj00712)


    4 years, 8 months ago

    Hi. How can I align the buttons exactly at the center as given in the image with the option of custom background as well as the number of buttons to be shown? I use 12 buttons below the title of posts but in the floating bar, I want to show a limited number. The image is taken from a different plugin so please don’t mind.
    Image

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Muhammad Junaid

    (@mj00712)

    4 years, 8 months ago

    Image 2

    Plugin Author micropat

    (@micropat)

    4 years, 8 months ago

    See the plugin’s FAQ for centering the standard share buttons.

    Also use “Additional CSS” code to limit the floating bars to 6 buttons (including the universal button if enabled), for example:

    .a2a_floating_style > a:nth-of-type(1n+6):not(.addtoany_share) {
  display: none;
}

    Or 5 buttons:

    .a2a_floating_style > a:nth-of-type(1n+5):not(.addtoany_share) {
  display: none;
}
    Thread Starter Muhammad Junaid

    (@mj00712)

    4 years, 8 months ago

    Thanks but the icons don’t appear in a single line.
    I have done this (image) using inspect but don’t know how to use in CSS section of addtoany.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Share Buttons Aligned at the centre with custom background and button numbers’ is closed to new replies.