Text Editor Background Image
4 posters
Page 1 of 1
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
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
Last edited by Customkid2 on Thu 7 Apr - 21:07; edited 1 time in total
Customkid2- Forumember
- Posts : 29
Reputation : 1
Language : English
Re: Text Editor Background Image
- 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- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: Text Editor Background Image
No luck. Still repeating
Customkid2- Forumember
- Posts : 29
Reputation : 1
Language : English
Re: Text Editor Background Image
What is your forum link?
Take Notes- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: Text Editor Background Image
- 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- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: Text Editor Background Image
Same as before
Customkid2- Forumember
- Posts : 29
Reputation : 1
Language : English
Re: Text Editor Background Image
Hi,
Find the existing CSS code you're using and replace it with the one below.
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;
}
Re: Text Editor Background Image
Once again, perfect solution. Thanks!
Customkid2- Forumember
- Posts : 29
Reputation : 1
Language : English
Re: Text Editor Background Image
Topic solved and archived
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» background image editor
» Editor Background
» How To Change Text Editor Background, but where the icons are?
» How to fade background image so links/text is visible? (USING jQuery)
» Editor Text Color
» Editor Background
» How To Change Text Editor Background, but where the icons are?
» How to fade background image so links/text is visible? (USING jQuery)
» Editor Text Color
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum