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; } </style>
<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_pinterest"></a> <a class="a2a_dd" href="https://www.addtoany.com/share"></a> </div> <script async src="https://static.addtoany.com/menu/page.js"></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: 144px; } </style>
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_content { text-align:center; }