Changing the parameter of an inline style declaration in HTML? (I know... off topic)
Hi fellow Slackers,
I know this is off-topic but I would like to ask this in this forum since it's home for me as a Slackware user, and also because its members are highly knowledgeable. So, please bear with this little question: There's a webpage where a section with material I would like to see is surrounded by a <div> tag. Now, the problem is that this tag has an inline style that prevents it from being displayed, e.g., <div id="Whatever" display:none> My question is: how could I alter that particular inline style without disrupting anything else on the page? I'm using Chrome and Firefox. Thanks! |
Quote:
That should do it |
odm4286: Thanks. But perhaps I didn't explain myself correctly.
The page is on the Web and I cannot edit it. What I would like is for the browser to alter singlehandedly, client-side, the inline style declaration so that display:none gets changed into something like display:screen (or simply gets deleted). I want to do it transparently and automatically, every time I access the page. It would be something like AdBlock plus, but only for this particular style declaration. Thanks :) |
|
You could change it with javascript. on Firefox open the console with Ctrl+Shift+K and paste this line(change "whatever" with the id you need).
Code:
document.getElementById("whatever").style.display = "screen"; If this works, you could install greasemonkey and install as a userscript in order to execute this automatically every time you visit the page. I am not sure about chrome, but I guess something similar should work. You could also use the Stylish addon that Didier Spaier suggested. |
Thanks, I'm going to try all the suggestions. I might go with stylish or the per-site CSS that Didier suggested.
|
I'm happy to report that the Stylish add-on is available for both Chrome and Firefox and a simple userstyle fixed my problem. THANK YOU!!! Marking the thread as solved.
|
All times are GMT -5. The time now is 07:35 PM. |