Customize AddToAny

Adding the AddToAny plugin to your WordPress website is a great way to make it as easy as possible for your visitors to share your content.

When you add the AddToAny icons to your website, the icon colors will default to the standard colors for each social site.

If you’re like most people, you want your site to look as customized as possible and your color scheme is one of the most effective way to do this.

Luckily, it is very easy to change the color of AddToAny share buttons in WordPress.

Instructions: How to Change the Color of AddToAny Share Buttons

To change the default icon colors to match your website color scheme, follow the instructions below:

  1. Go to the WordPress Dashboard
  2. Click on Settings, then AddToAny
  3. While on the Standard tab, scroll down to the Additional JavaScript box
  4. Copy and paste a2a_config.icon_color = “#xxxxxx”; into the box
  5. Replace the x’s with the hex code of the color that matches your color scheme
  6. Click Save Changes at the bottom of the page
  7. View to your website to confirm the color changes were made

That’s it! Now, your AddToAny Share button color is customized for your website.

If you want to take things a bit farther, you can change other parameters with the following code:

a2a_config.color_main = “#xxxxxx”;
a2a_config.color_border = “#xxxxxx”;
a2a_config.color_link_text = “#xxxxxx”;
a2a_config.color_link_text_hover = “#xxxxxx”;
a2a_config.color_bg = “#xxxxxx”;

If you want to test your color choices before adding the JavaScript, go at AddToAny’s Menu Styler.