General

Tech

Inspect Element in chrome

Does anybody know how to make Inspect Element changes in Chrome permanent?

EDIT: to clarify, I meant so that I can see the element changes on my screen everytime I visit the site.

September 13, 2013

10 Comments • Newest first

rushed

[quote=carbunion]@rushed: js console is just to test that my script still works using your adblocker. Open a new basil page and press ctrl+shift+j and copy the line of code in and see if it actually changes the spacing.

Regarding making the extension, I think you can still use the example extension I linked, except change both permissions and matches from using "http://*/*" to "http://www.basilmarket.com/*"

And then myapp.js would just have one line instead of whatever they had:
document.getElementById('fxWrap').children[1].style.height="0px";[/quote]

So firstly; I used the JS console, and the script worked.
I made the manifest.json, but for the myapp.js, do I delete [b]everything[/b] and replace it with document.getElementById('fxWrap').children[1].style.height="0px"?

EDIT : I just got it to work! Many thanks

Reply September 14, 2013 - edited
rushed

[quote=carbunion]@rushed: Hm I'm not sure if stylish would be able to do that.

But you can write an extension that only triggers on basilmarket.com and executes this js:
document.getElementById('fxWrap').children[1].style.height="0px"

edit: FYI, the vertical 90px reserved with 125px float is intended for the 720x80 banner ad that funds this site. I'm guessing you already have that removed somehow which might change which DOM elements are children of the fxWrap div, so you can test that in the js console first to see it works.[/quote]

At your edit, yup, I know. I have absolutely no idea what I'm doing with javascript and extensions, so this information is overwhelming me.

So do I put document.getElementById('fxWrap').children[1].style.height="0px" into the js console? And how do I use this javascript console?

Reply September 14, 2013 - edited
rushed

@carbunion:

Basically on BasilMarket, there's a gap between the black bar and the rest of the page. When in the Element Inspector, I wanted to change the element to a height of 0px instead of 90px.

Reply September 13, 2013 - edited
rushed

@carbunion:

One question; do you know how to use the Stylish chrome extension in order to change the elements?

Reply September 13, 2013 - edited
rushed

[quote=fun2killu]@rushed: i just googled your question[/quote]

Okay. Thanks anyways

Reply September 13, 2013 - edited
fun2killu

@rushed: i just googled your question

Reply September 13, 2013 - edited
rushed

@fun2killu
From your link... I'm assuming you're referring to Stylish. How do I go about making a change in Inspect Element and saving it?

@carbunion
If you don't mind, could you walk me through it?

Reply September 13, 2013 - edited
fun2killu

http://www.quora.com/How-can-I-save-changes-I-made-to-a-site-using-Chromes-Inspect-element

@katywashere

Reply September 13, 2013 - edited
rushed

[quote=fun2killu]don't think u can make it perm but i know u can save it[/quote]

when you say save it, do you mean saving the HTML file?

Reply September 13, 2013 - edited
fun2killu

don't think u can make it perm but i know u can save it

Reply September 13, 2013 - edited