Hey everyone! I'm trying to figure out if there's a plugin or some way I can manage specific CSS code for a webpage. Specifically, I want to hide this element: `[data-id="modules-button-1"] {display:none;}`. The reason I'm looking to do this is that a software service I use has a black pattern on all their sites, and they've added an annoying "upgrade" button that pops up randomly. Clicking it can instantly upgrade you to a more expensive plan, which is sneaky—my business buddy almost got caught by it! They've refused to help with removing or hiding this button, so I'm thinking of just using CSS to get rid of it myself. Any ideas on how to make this work in Chrome or Firefox?
1 Answer
You can use browser extensions that let you add your own styles to specific pages or even globally. For example, Stylus is a great one for custom user styles! You could also check out Tampermonkey, which allows you to run your own JavaScript on sites, also known as userscripts. Just apply your CSS through one of those methods, and you should be set!
Thank you so much! Stylus worked perfectly for me. I had no idea this kind of plugin existed; it was just what I needed!