Question

I am using a Jquery wysiwyg editor which at runtime automatically adds code to the textarea.

My problem is that it’s inserting an inline style of style=”width:320px” and I need to take that off as I’ve already set the styles to make it go 100%

Is there anyway to remove or overwrite that code with jquery

It’s basically adding an inline style to a div with a class called wysiwyg…

so:

<div class="wysiwyg" style="width:320px">

The editor I’m having the trouble with is called: jWYSIWYG

Here’s a demo url: http://akzhan.github.com/jwysiwyg/help/examples/

Answer 1

If you want to override inline styles you have two options:

Pure CSS:

.wysiwyg {
    width: 120px !important;
}

jQuery:

$(".wysiwyg").css({width:120});

If you want to use styles from somewhere else you can also do:

$(".wysiwyg").css({width:"inherit"});