I am trying to remove the default background image icon of the AddToAny WordPress plugin. As you can see in the URL below, the blue icon would like to be replaced by the black gear. Problem is the blue icon is brought in by inline styles, with an !important declaration within the plugin. :(

Their inline code:

.a2a_dd.addtoany_share_save {
    background: url(http://www.dlillianphotography.com/staging/wp-content/plugins/add-to-any/favicon.png) no-repeat scroll 4px 0px !important;
}

My code, hoping nesting/hierarchy would help:

.social .row:first-of-type .addtoany_list .a2a_dd.addtoany_share_save {
    background: #fff !important;
}

Dev URL: http://www.dlillianphotography.com/staging/blog/

Thank you for reading.

Read more here: Override CSS background image in WordPress plugin


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.

Related Wordpress search:

, , , , ,

Wordpress related questions and answers: