jQuery to override shitty CSS Plugins

So the JMU social media plugin Feed Them Social has this really shitty link at the bottom of the plugin that they fucked with the CSS to ensure shows up. They made the css specific and important. The most specific AND important thing wins in CSS. To get more specific I have to include even more specific CSS. I did learn how to run jQuery in the console even if jQuery wasn’t loaded by the page.

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type (or see below for non wait option)
jQuery.noConflict();

Run all of those and then run your jQuery like this line.

$('article div h1 div a.fts-powered-by-text').attr('style', 'display: none !important')

Frequently this is not possible to write so I want to try writing it as regular CSS rules in the WordPress custom style. This sucks because I hate using the important label. CSS stands forĀ CascadingĀ Style Sheet and the important overrides ruin the Cascade. I figured out the CSS to hide the shitty link. I simply copied the CSS rule that was winning and set the rule myself.

.fts-powered-by-text-popup a.fts-powered-by-text{
display: none !important;
}