My icons are the wrong color

  1. Home
  2. Knowledge Base
  3. Troubleshooting
  4. My icons are the wrong color

Not the solution you were looking for?

Click the link below to submit a support ticket. If you are a Social Warfare - Pro license holder, you can log into your Account page to submit a ticket.
Submit Ticket

Every now and then some WordPress themes will like to impose their styling onto plugins. This is in order to create the most unified design experience possible, and in most cases it’s just fine. In the case of Social Warfare though, you likely don’t want your theme imposing its own color styling since we give you control of that right inside the plugin settings.

If you find that your Social Warfare button icons/text/counts are not in the color the should be, it may be that your theme is overriding the plugin styling.

If the icons/text/counts are supposed to be white, to fix this, you can add this line of code to your theme’s style.css file:

a.nc_tweet { color: #fff !important; }

Once that code is saved in there the plugin styling should now appear as expected.

However, if you are trying to get your icons/text a color other than white, it’s a tad more complicated.

You will need to identify the class in your theme that is changing the color. You can identify this by going using the Inspect Element tool in Google Chrome and selecting the <a ...> section of the button. You will then be able to identify the CSS class that is imposing another color on our link element.

Now, all you need to do is add :not(.nc_tweet) to the end of that class inside your stylesheet and that should fix the issue. If it doesn’t, go ahead and drop us a line and we’ll figure it out for you.

Was this article helpful?

Related Articles