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.

How To Change Text Editor Background, but where the icons are?

3 posters

Go down

In progress How To Change Text Editor Background, but where the icons are?

Post by Vergil August 20th 2014, 12:53 am

I want to change this: https://i.imgur.com/eZK4Hkz.png
Into this: https://i.imgur.com/SEENFcX.png
How do i do it?
Vergil
Vergil
Forumember

Male Posts : 32
Reputation : 1
Language : English

Back to top Go down

In progress Re: How To Change Text Editor Background, but where the icons are?

Post by Ange Tuteur August 20th 2014, 12:58 am

Hello GhostRiderUSA,

Go to Administration Panel > Display > Colors > Background colors

Change the toolbar color to what you wish :
How To Change Text Editor Background, but where the icons are? Captur93
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: How To Change Text Editor Background, but where the icons are?

Post by Vergil August 20th 2014, 1:24 am

https://i.imgur.com/pdttRl2.png ok it worked, but the text color is black.
Vergil
Vergil
Forumember

Male Posts : 32
Reputation : 1
Language : English

Back to top Go down

In progress Re: How To Change Text Editor Background, but where the icons are?

Post by Ange Tuteur August 20th 2014, 3:02 am

For source code mode add this to your CSS:
Administration Panel > Display > Colors > CSS stylesheet
Code:
.sceditor-container textarea{ color:#fff !important; }

For WYSIWYG mode create a new script:
Administration Panel > Modules > Javascript codes management
Make sure to tick in all the pages
Code:
$(window).load(function () {
  $(".sceditor-container iframe").contents().find("head").append("<style>body,html,code:before,p,table{color:#fff!important;}</style>")
});
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: How To Change Text Editor Background, but where the icons are?

Post by Vergil August 20th 2014, 8:45 pm

not working.
Vergil
Vergil
Forumember

Male Posts : 32
Reputation : 1
Language : English

Back to top Go down

In progress Re: How To Change Text Editor Background, but where the icons are?

Post by Ange Tuteur August 21st 2014, 12:09 am

Place this at the top of your stylesheet :
Code:
.sceditor-container textarea{ color:#fff !important; }
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: How To Change Text Editor Background, but where the icons are?

Post by Vergil August 21st 2014, 3:09 am

Still not working..
Vergil
Vergil
Forumember

Male Posts : 32
Reputation : 1
Language : English

Back to top Go down

In progress Re: How To Change Text Editor Background, but where the icons are?

Post by Ange Tuteur August 21st 2014, 6:22 am

Please provide a link to your forum.

Thanks.
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: How To Change Text Editor Background, but where the icons are?

Post by SLGray August 21st 2014, 6:26 am

Which one exactly is not working:  the CSS one or the JavaScript one?


How To Change Text Editor Background, but where the icons are? 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 : 51463
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

In progress Re: How To Change Text Editor Background, but where the icons are?

Post by Vergil August 21st 2014, 7:47 am

officialhonor.forumotion.com
Vergil
Vergil
Forumember

Male Posts : 32
Reputation : 1
Language : English

Back to top Go down

In progress Re: How To Change Text Editor Background, but where the icons are?

Post by Ange Tuteur August 21st 2014, 10:50 am

I don't see the script installed in all pages. Have you enabled JavaScript codes management ?
Administration Panel > Modules > JavaScript codes management

Tick 'Yes' for 'Enable Javascript code management' and save.
How To Change Text Editor Background, but where the icons are? Captur96
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

Back to top


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