MyBB Community Forums
[How To?] Edit editor colours - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Community Archive (https://community.mybb.com/forum-106.html)
+--- Forum: Archived Forums (https://community.mybb.com/forum-143.html)
+---- Forum: Archived Development and Support (https://community.mybb.com/forum-155.html)
+----- Forum: MyBB 1.6 (https://community.mybb.com/forum-138.html)
+------ Forum: 1.6 General Support (https://community.mybb.com/forum-127.html)
+------ Thread: [How To?] Edit editor colours (/thread-95700.html)

Pages: 1 2


Edit editor colours - activebf - 2011-06-03

[Image: iqpUg.jpg]

The editor on my forum was editted when I got a new theme but it is very messy. You can't see the LARGE, EXTRA LARGE etc. on the font bar and you can't see what the names of the fonts if I wanted to change them. How would I change the text in them bars to black?

I know it's in the css but not sure where.

Thanks Smile


RE: Edit editor colours - Yaldaram - 2011-06-03

You need to change the color in the css of the editor. It can be found here:
jscripts/editor_themes/<YOURTHEME>/stylesheet.css

The css elements are:
.messageEditor
.toolbar_dropdown


RE: Edit editor colours - activebf - 2011-06-03

This might sound a bit blonde but where is jscripts? I checked themes and also templates?


RE: Edit editor colours - Yaldaram - 2011-06-03

Its in your forum's root folder where you've installed your forum.


RE: Edit editor colours - Aries-Belgium - 2011-06-03

The above is not the best solution as this will affect all your current or future themes using the same editor style. Personally I think it's a better idea to add theme specific changes to the editor in the global.css of your theme. Via ACP > Templates & Style > Themes > (click your theme) > global.css > Advanced Mode. Add this at the end:
.messageEditor .toolbar_dropdown 
{
color: black !important;
}



RE: Edit editor colours - activebf - 2011-06-03

(2011-06-03, 11:13 AM)Aries-Belgium Wrote: The above is not the best solution as this will affect all your current or future themes using the same editor style. Personally I think it's a better idea to add theme specific changes to the editor in the global.css of your theme. Via ACP > Templates & Style > Themes > (click your theme) > global.css > Advanced Mode. Add this at the end:
.messageEditor .toolbar_dropdown 
{
color: black !important;
}

I tried the but it didn't change anything? hmmm strange


RE: Edit editor colours - Aries-Belgium - 2011-06-03

(2011-06-03, 11:20 AM)activebf Wrote:
(2011-06-03, 11:13 AM)Aries-Belgium Wrote: The above is not the best solution as this will affect all your current or future themes using the same editor style. Personally I think it's a better idea to add theme specific changes to the editor in the global.css of your theme. Via ACP > Templates & Style > Themes > (click your theme) > global.css > Advanced Mode. Add this at the end:
.messageEditor .toolbar_dropdown 
{
color: black !important;
}

I tried the but it didn't change anything? hmmm strange

It's working on my localhost, so I know that it should work. Make sure you edited the right theme and that you reload your browser with Shift+F5 or Shift+Reload button.


RE: Edit editor colours - activebf - 2011-06-03

It worked........

Great thanks mate.

Last problem..

The same thing happens with the video embed button?


RE: Edit editor colours - Aries-Belgium - 2011-06-03

Also add this into your global.css:
editor_dropdown_menu
{
color: black !important;
}



RE: Edit editor colours - activebf - 2011-06-03

hmmm didn't work???