The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Text Editor Background Image

4 posters

The forum of the forums :: Support forum :: Scripts (Coding) Problems :: Scripts Problems Archives

Go down

Solved Text Editor Background Image

Post by Customkid2 April 7th 2016, 2:56 am

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

Text Editor Background Image D4gPXte

but I keep ending up with this:

Text Editor Background Image JmXre7E

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


Last edited by Customkid2 on April 7th 2016, 8:07 pm; edited 1 time in total
avatar
Customkid2
Forumember

Posts : 29
Reputation : 1
Language : English

Back to top Go down

Solved Re: Text Editor Background Image

Post by Take Notes April 7th 2016, 2:59 am

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

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Text Editor Background Image

Post by Customkid2 April 7th 2016, 3:02 am

No luck. Still repeating
avatar
Customkid2
Forumember

Posts : 29
Reputation : 1
Language : English

Back to top Go down

Solved Re: Text Editor Background Image

Post by Take Notes April 7th 2016, 3:11 am

What is your forum link?
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Text Editor Background Image

Post by Customkid2 April 7th 2016, 3:19 am

Sorry, should have included it before

http://ninja-reborn.forumotion.com
avatar
Customkid2
Forumember

Posts : 29
Reputation : 1
Language : English

Back to top Go down

Solved Re: Text Editor Background Image

Post by Take Notes April 7th 2016, 3:53 am

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

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Text Editor Background Image

Post by Customkid2 April 7th 2016, 3:56 am

Same as before
avatar
Customkid2
Forumember

Posts : 29
Reputation : 1
Language : English

Back to top Go down

Solved Re: Text Editor Background Image

Post by Ange Tuteur April 7th 2016, 11:41 am

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;
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Text Editor Background Image

Post by Customkid2 April 7th 2016, 8:06 pm

Once again, perfect solution. Thanks!
avatar
Customkid2
Forumember

Posts : 29
Reputation : 1
Language : English

Back to top Go down

Solved Re: Text Editor Background Image

Post by SLGray April 7th 2016, 8:48 pm

Topic solved and archived


Text Editor Background Image Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51567
Reputation : 3525
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

The forum of the forums :: Support forum :: Scripts (Coding) Problems :: Scripts Problems Archives

 
Permissions in this forum:
You cannot reply to topics in this forum