CSS/JS to change width/height of a text area WYSIWYG editor

[kpcollier]

I've got a Details Datapage with only a text area field included in the results section. When viewed, the entire datapage looks just like one text area box. I am using this for a 'notes' section on my webpage. 

I need to be able to change the width and height size of this notes section depending on the size of the viewport. My problem is trying to select the right element. It seems a text-area field is comprised of multiple elements, and just trying to change the width of 'EditRecordcomments' doesn't do anything. 

Any ideas would be helpful!

[futurist]

Hi @kpcollier

You can try adding CSS to the #cke_EditRecordComments, like so:

<style>

#cke_EditRecordComments{
width: 250px !important;
}

</style>

[GoodBoy]

Hello! You can also edit the toolbar's height and width in the DataPage settings without using any CSS.