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

Go down

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

Post by Vergil on Tue Aug 19, 2014 6:53 pm

I want to change this: http://i.imgur.com/eZK4Hkz.png
Into this: http://i.imgur.com/SEENFcX.png
How do i do it?
avatar
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 on Tue Aug 19, 2014 6:58 pm

Hello GhostRiderUSA,

Go to Administration Panel > Display > Colors > Background colors

Change the toolbar color to what you wish :
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2911
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

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

Post by Vergil on Tue Aug 19, 2014 7:24 pm

http://i.imgur.com/pdttRl2.png ok it worked, but the text color is black.
avatar
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 on Tue Aug 19, 2014 9:02 pm

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

Male Posts : 13195
Reputation : 2911
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

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

Post by Vergil on Wed Aug 20, 2014 2:45 pm

not working.
avatar
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 on Wed Aug 20, 2014 6:09 pm

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

Male Posts : 13195
Reputation : 2911
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

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

Post by Vergil on Wed Aug 20, 2014 9:09 pm

Still not working..
avatar
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 on Thu Aug 21, 2014 12:22 am

Please provide a link to your forum.

Thanks.
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2911
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

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

Post by SLGray on Thu Aug 21, 2014 12:26 am

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43149
Reputation : 3059
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

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

Post by Vergil on Thu Aug 21, 2014 1:47 am

officialhonor.forumotion.com
avatar
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 on Thu Aug 21, 2014 4: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.
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2911
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


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