The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Text Editor Background Image

View previous topic View next topic Go down

Solved Text Editor Background Image

Post by Customkid2 on 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:



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: http://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

Customkid2
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: Text Editor Background Image

Post by Genesis on April 7th 2016, 2:59 am

Code:
.sceditor-container iframe, .sceditor-container textarea {
background:url(http://illiweb.com/fa/empty.gif) !important;
    background-repeat: no-repeat;
    background-position: middle;
}

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Text Editor Background Image

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

No luck. Still repeating

Customkid2
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: Text Editor Background Image

Post by Genesis on April 7th 2016, 3:11 am

What is your forum link?

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Text Editor Background Image

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

Sorry, should have included it before

http://ninja-reborn.forumotion.com

Customkid2
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: Text Editor Background Image

Post by Genesis on April 7th 2016, 3:53 am

Code:
.sceditor-container iframe, .sceditor-container textarea {
background:url(http://illiweb.com/fa/empty.gif) !important;
background-repeat: no-repeat;
background-position: center;
}

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Text Editor Background Image

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

Same as before

Customkid2
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: Text Editor Background Image

Post by Ange Tuteur on 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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Text Editor Background Image

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

Once again, perfect solution. Thanks!

Customkid2
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: Text Editor Background Image

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

Topic solved and archived


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


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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