Sharing Customization

Center-Align Buttons

You can center the standalone buttons in modern browsers by following the CSS code example below.

<style type="text/css">
#my_centered_buttons { display: flex; justify-content: center; }
<div class="a2a_kit a2a_kit_size_32 a2a_default_style" id="my_centered_buttons">
    <a class="a2a_button_facebook"></a>
    <a class="a2a_button_twitter"></a>
    <a class="a2a_button_google_plus"></a>
    <a class="a2a_button_pinterest"></a>
    <a class="a2a_dd" href=""></a>

<script async src=""></script>

Older browser versions

For older browsers (Internet Explorer 10 and below) you should instead specify a margin and width in CSS code. Following the example below, be sure to change the width to the estimated total width of your chosen buttons.

<style type="text/css">
#my_centered_buttons_older { margin: 0 auto; width: 180px; }

To center-align the buttons, try adding the following CSS code to your "Additional CSS" box in Settings > AddToAny. If the following code does not center-align the buttons, you will need to customize the CSS code for your WordPress theme. For additional help, consult your theme's author or the WordPress Support forum for themes.

.addtoany_share_save_container { text-align:center; }