I am trying to create a chrome extension that can increase the height of a div on a web page. I am able to use chrome dev tools to edit the height, which works great, but would like a chrome extension so I dont have to manually edit it every time I use it. I have a manifest.json set up and a css/js script to go along with it. I'm just not sure the exact code I need to get this working. The div I am trying to edit:
<div _ngcontent-ckv-c51="" style="width: 850px; height: 600px; overflow: auto;"><canvas _ngcontent-ckv-c51="" id="imageCanvas" style="cursor: move;" width="816" height="1056"></canvas></div>
I am trying to have the chrome extension change the height: 600px to 1000px
I have tried to do this with my css:
#_ngcontent-ywe-c51 {
width: 850px;
height: 1000px;
overflow: auto;
}
Do I need to use js to have this change work? Am I missing something? Thanks