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

Go down

Solved Text Editor Background Image

Post by Customkid2 Thu 7 Apr - 3:56

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 Thu 7 Apr - 21:07; 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 Thu 7 Apr - 3:59

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 Thu 7 Apr - 4:02

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 Thu 7 Apr - 4:11

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 Thu 7 Apr - 4:19

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 Thu 7 Apr - 4:53

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 Thu 7 Apr - 4:56

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 Thu 7 Apr - 12:41

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 Thu 7 Apr - 21:06

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 Thu 7 Apr - 21:48

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 : 51522
Reputation : 3523
Language : English
Location : United States

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

Back to top Go down

Back to top

- Similar topics

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