Text Editor Background Image

So I'm attempting to add an image to my text editor, similar to this site. I've used the following script:



but I keep ending up with this:



I'd prefer the image be centered and not repeat but for some reason my CSS isn't affecting it much.

I originally got the code from this tutorial: https://help.forumotion.com/t131617-add-a-background-image-to-the-editor

If anyone could help I'd greatly appreciate it

Code:

.sceditor-container iframe, .sceditor-container textarea {
    background:url(http://2img.net/i/fa/empty.gif) !important;
    background-repeat: no-repeat;
    background-position: middle;
}

No luck. Still repeating

What is your forum link?

Sorry, should have included it before

http://ninja-reborn.forumotion.com

Code:

.sceditor-container iframe, .sceditor-container textarea {
    background:url(http://2img.net/i/fa/empty.gif) !important;
    background-repeat: no-repeat;
    background-position: center;
}

Same as before

Hi,

Find the existing CSS code you're using and replace it with the one below.

Code:

.sceditor-container iframe, .sceditor-container textarea {
  background:url(http://i.imgur.com/okd7x76.png) no-repeat 50% 50% !important;
}

Once again, perfect solution. Thanks!