February 20th, 2013, 04:03 AM
Hope this is in the right area... NicEdit.js - Textarea's showing up incorrectly
I am trying to figure out what is causing an issue with textareas on my pages that use nicEdit.js to allow features for editing text.
The problem is, the textareas no longer have a white background when they're shown with nicEdit.js. Instead, the background image from the page itself is showing inside the textareas. This is making it difficult to type in them. I would greatly prefer to have the standard white background, not a transparent box.
If anyone knows nicEdit.js, and how I could achieve this, please let me know.
Thanks in advance!
February 20th, 2013, 04:35 AM
open the developer tools of your browser (F12 in Chrome) and check the HTML generated by NicEdit.
NicEdit doesn't display the textarea at all. It uses its own div with the class nicEdit-main. So that's what you wanna edit. Apart from the background color, you also have to replace the margin with padding. Otherwise, the margin will still have the background of the page.
February 20th, 2013, 06:01 AM
I have tried multiple ways of doing that. I have tried adding #nicEdit-main to my css specifying background-image:none as well as finding the reference to nicEdit-main in the nicEdit.js file, which only had margin specified, so I added background-image:none; to that as well. Nothing seems to work.
Originally Posted by Jacques1
Getting frustrated with this.
February 20th, 2013, 06:16 AM
nicEdit-main is a class, not an id (like I said above). So your CSS rule must be
Turning the margin off in the js file is of course more elegant than "!important".
margin: 0 !important;
February 20th, 2013, 06:44 AM
Thank you! And sorry for the silly mistake. Going on 28 hours no sleep here trying to get this finished. I appreciate your effort!