How can I remove a Bootstrap CSS styling for a specific element?

Question

I'm making a website about Vanilla World of Warcraft using Bootstrap. To get the items tooltips to work, I'm using this resource from db.vanillagaming.org :

<script type="text/javascript" src="http://db.vanillagaming.org/templates/wowhead/js/power.js"></script>

I tested it, and it didn't work. After some searching I've noticed that if I removed bootstrap.min.css it works. Some CSS styling of Bootstrap is removing the ability to show the items tooltips.

So, my question is how can I remove the Bootstrap CSS styling of a specific element? In this case an a element.

<a href="http://db.vanillagaming.org/?spell=20150">Shield Specialization</a>

Here is a example: http://codepen.io/diogocapela/pen/QGxLYj

Answer 1

As Bootstrap and db.vanillagaming.org both have some styles for class .tooltip they override each other. To make it work, You can add one fix : make .tooltip visible .tooltip { opacity : 1; } .tooltip { opacity : 1; } should fix your problem.

http://codepen.io/anon/pen/JbZjjZ