CODEWITHSUNDEEP
cssfroala
user1022734
user1022734

Reputation: 297

Change textarea of froala wysiwyg to notebook

i'm trying to change the background image of froala wysiwyg editor to look like a notebook,

but it not changing anything at alll...could someone please help me fix it and show me how?

this is what i'm doing:

<style type="text/css">

textarea.notebook {
      font-family: 'Open Sans', Arial, Helvetica, sans-serif;
      font-weight: 700;
      width: 100%;
      padding: 5px 0px;
      margin-bottom: 20px;
      resize: vertical;
      font-size: 11px;
      line-height: 24px;
      border-bottom: 2px solid;
       -webkit-appearance: none;
      border-radius: 0;
      background: url(notebook.png);
}


</style>

<section id="editor">

    <form>
      <textarea  id="edit"  name="edit" class="notebook"  style="margin-top: 30px;">

  </textarea>


    </form>

  </section>

Upvotes: 0

Views: 1773

Answers (1)

Marc Audet
Marc Audet

Reputation: 46785

One possible approach is to create a custom theme to the froala editor, see:

http://editor.froala.com/examples/color-themes

I suspect that if you can modify the background color, you can also add a background image.

Upvotes: 1

Related Questions