MyBB Community Forums

MyBB Community Forums > Community Archive > Archived Forums > Archived Development and Support > MyBB 1.6 > 1.6 General Support > Change Text color in Post Editor, cant see
Full Version: Change Text color in Post Editor, cant see
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2

james12

2011-04-15, 11:55 PM
I have WB Steam theme on my forum, and the post editor, has this color here, please tell me how to chnage it to dark color of text "Text Size" and "Font" from the drop down menu.

[Image: editoru.png]

Thankyou

WbDev

2011-04-16, 12:57 AM
Support won't be given, because you removed the theme copyright!

james12

2011-04-16, 01:14 AM
hello, I have put the copyrights back, can you tell me how to do this

Quote:I have WB Steam theme on my forum, and the post editor, has this color here, please tell me how to chnage it to dark color of text "Text Size" and "Font" from the drop down menu.

WbDev

2011-04-16, 01:16 AM
First change the link in the footer to http://wb-dev.net not http://wbdev.co.cc

Then:
Edit in the jscripts/editor_themes/THEME/stylesheet.css file
Add
color: #000000;
To the dropdown menu.

james12

2011-04-16, 01:33 AM
There is no THEME folder inside jscripts/editor_themes, there is default folder, where there is stylesheet.css

.messageEditor {
	background: #f5f5f5;
	border: 1px solid #aaa;
	padding: 3px;
}

.messageEditor .toolbar_container {
	height: 28px;
	padding: 2px;
}

.toolbar {
	height: 28px;
}

.messageEditor .toolbar_dropdown {
	margin-top: 3px;
	margin-right: 4px;
}

.messageEditor .toolbar_button {
	margin: 2px;
	height: 22px;
	width: 23px;
	float: left;
	display: block;
	z-index: 1;
}

.messageEditor .toolbar_button img, .messageEditor .toolbar_button span {
	width: 23px;
	height: 22px;
	float: left;
}

.messageEditor .toolbar_sprite {
	display: block;
	background: url('images/toolbar.gif') no-repeat;
}

.messageEditor .toolbar_button .toolbar_sprite_italic {
	background-position: -46px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_underline {
	background-position: -23px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_left {
	background-position: -69px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_center {
	background-position: -92px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_right {
	background-position: -115px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_justify {
	background-position: -138px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_list_num {
	background-position: -161px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_list_bullet {
	background-position: -184px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_image {
	background-position: -207px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_link {
	background-position: -230px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_email {
	background-position: -253px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_quote {
	background-position: -276px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_code {
	background-position: -299px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_php {
	background-position: -322px 0;
}

.messageEditor .toolbar_button_close_tags {
	width: 90px;
}

.messageEditor .toolbar_button .toolbar_sprite_close_tags {
	width: 87px;
	background-position: -345px 0;
}

.messageEditor .toolbar_normal {
	background: #f5f5f5;
	border: 1px solid #f5f5f5;
}

.messageEditor .toolbar_hover {
	background: #c1d2ee;
	border: 1px solid #5296f7;
}

.messageEditor .toolbar_clicked {
	background: #e1F2fe;
	border: 1px solid #5296f7;
}

.messageEditor .toolbar_sep {
	background: url('images/separator.gif');
	width: 4px;
	height: 23px;
	margin: 2px;
	margin-top: 4px;
	float: left;
}

.messageEditor .toolbar_dropdown, .messageEditor .toolbar_dropdown_image {
	font-size: 11px;
	display: block;
	float: left;
	position: relative;
	z-index: 100;
	cursor: default;
}

.messageEditor .toolbar_dropdown {
	min-width: 130px;
}

/* IE 6 */
.messageEditor .toolbar_dropdown {
	width: 130px;
}

.messageEditor .toolbar_dropdown .editor_dropdown_label, .messageEditor .toolbar_dropdown_image .editor_dropdown_label {
	display: block;
}

.messageEditor .toolbar_dropdown .editor_dropdown_label {
	min-width: 120px;
	background: #fff;
	padding: 3px 4px;
	margin-right: 14px;
	border: 1px solid #aaa;
	border-right: 0;
	height: 14px;
	overflow: hidden;
}

.messageEditor .toolbar_dropdown .editor_dropdown_arrow, .messageEditor .toolbar_dropdown_image .editor_dropdown_arrow {
	top: 0;
	position: absolute;
	right: 0;
	float: left;
	display: block;
	height: 20px;
	border: 1px solid #aaa;
	background: #efefef url(images/dropdown.gif) no-repeat center center;
	width: 12px;
}

.messageEditor .toolbar_dropdown_over .editor_dropdown_label, .messageEditor .editor_dropdown_menu_open .editor_dropdown_label {
	border-color: #5296f7;
	color: navy;
}

.messageEditor .toolbar_dropdown_over .editor_dropdown_arrow {
	background-color: #c1d2ee;
	border-color: #5296f7;
}

.messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_label,
.messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_arrow {
	background-color: #fff;
}

.messageEditor .editor_dropdown_menu_open .editor_dropdown_arrow {
	background-color: #c1d2ee;
	border-color: #5296f7;
}

.messageEditor .editor_dropdown_menu {
	margin: 0;
	padding: 0;
	margin-top: -3px;
	padding-bottom: 1px;
	top: 24px;
	left: 0;
	border: 1px solid #5296f7;
	position: absolute;
	width: 160px;
	background: #fff;
	z-index: 10000;
	max-height: 200px;
	overflow: auto;
	-moz-border-radius: 2px;
}

.messageEditor .toolbar_dropdown_image .editor_dropdown_menu {
	margin-top: -1px;
}

.messageEditor .editor_dropdown_menu li {
	list-style: none;
	padding: 3px 3px 3px 12px;
	margin: 0;
	position: relative;
	cursor: pointer;
}

.messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_active {
	background-image: url(images/dropdown2.gif);
	background-repeat: no-repeat;
	background-position: 2px center;	
}

.messageEditor .editor_dropdown_menu_title {
	background: #efefef;
	padding-left: 3px;
	border-bottom: 1px solid #aaa;
	color: #999;
	font-size: 10px;
	font-weight: bold;
}

.messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_over {
	background-color: #f5f5f5;
	cursor: pointer;
}

.messageEditor .toolbar_button_color .editor_dropdown_menu {
	width: 153px;
	height: 98px;	
	padding: 1px;
	background: #EFEFEF;
	margin-left: -1px;
}

.messageEditor .toolbar_button_color li.editor_dropdown_color_item {
	float: left;
	padding: 3px;
	margin: 1px;
	width: 11px;
	height: 11px;
}

.messageEditor .toolbar_button_color a {
	width: 9px;
	height: 9px;
	display: block;
	border: 1px solid #FFF;
}

.messageEditor .toolbar_button_color li.editor_dropdown_menu_item_active {
	background: #81A2C4;
}

.messageEditor .toolbar_button_color {
	position: relative;
}

.messageEditor .toolbar_button_video {
	position: relative;
}

.messageEditor .editor_button_color_selected {
	position: absolute;
	z-index: 100;
	width: 16px;
	height: 4px;
	top: 15px;
	left: 3px;
	display: block;
	background: transparent;
}

.messageEditor .toolbar_button_color li.editor_dropdown_menu_item_over {
	border: 1px solid #5296f7;
	background: transparent;
	margin: 0px;	
}

.messageEditor .toolbar_button_with_arrow {
	width: 34px;
}

.messageEditor .toolbar_button_arrow {
	top: 0px;
	float: left;
	display: block;
	width: 8px;
	background: url(images/dropdown.gif) no-repeat center center;
	height: 20px;
	border: 1px solid transparent;
}

.messageEditor .toolbar_hover .toolbar_button_arrow, .messageEditor .toolbar_clicked .toolbar_button_arrow {
	border-left-color: #5296f7;
}

So where do i add it.

crazy4cs

2011-04-16, 03:45 AM
login you FTP,then;

.jscripts/editor_themes/default/stylesheet.css

Find:

1. 
.messageEditor .toolbar_button_video {

After it in new line add:

color: #000000;

2. Find:

.messageEditor {

In next line to it,add:

color: #000000;

It should solve now.

james12

2011-04-16, 08:30 AM
I added color: 000000; at many places and changed many background to #000000 as well, but no help

here is the new stylesheet.css I have 

.messageEditor {
	background: #000000;
	border: 1px solid #aaa;
	padding: 3px;
        color: #000000;
}

.messageEditor .toolbar_container {
	height: 28px;
	padding: 2px;
        color: #000000;
}

.toolbar {
	height: 28px;
}

.messageEditor .toolbar_dropdown {
	margin-top: 3px;
	margin-right: 4px;
        color: #000000;
}

.messageEditor .toolbar_button {
	margin: 2px;
	height: 22px;
	width: 23px;
	float: left;
	display: block;
	z-index: 1;
        color: #000000;
}

.messageEditor .toolbar_button img, .messageEditor .toolbar_button span {
	width: 23px;
	height: 22px;
	float: left;
}

.messageEditor .toolbar_sprite {
	display: block;
	background: url('images/toolbar.gif') no-repeat;
}

.messageEditor .toolbar_button .toolbar_sprite_italic {
	background-position: -46px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_underline {
	background-position: -23px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_left {
	background-position: -69px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_center {
	background-position: -92px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_right {
	background-position: -115px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_justify {
	background-position: -138px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_list_num {
	background-position: -161px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_list_bullet {
	background-position: -184px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_image {
	background-position: -207px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_link {
	background-position: -230px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_email {
	background-position: -253px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_quote {
	background-position: -276px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_code {
	background-position: -299px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_php {
	background-position: -322px 0;
}

.messageEditor .toolbar_button_close_tags {
	width: 90px;
}

.messageEditor .toolbar_button .toolbar_sprite_close_tags {
	width: 87px;
	background-position: -345px 0;
}

.messageEditor .toolbar_normal {
	background: #000000;
	border: 1px solid #f5f5f5;
        color: #000000;
}

.messageEditor .toolbar_hover {
	background: #c1d2ee;
	border: 1px solid #5296f7;
}

.messageEditor .toolbar_clicked {
	background: #e1F2fe;
	border: 1px solid #5296f7;
}

.messageEditor .toolbar_sep {
	background: url('images/separator.gif');
	width: 4px;
	height: 23px;
	margin: 2px;
	margin-top: 4px;
	float: left;
}

.messageEditor .toolbar_dropdown, .messageEditor .toolbar_dropdown_image {
	font-size: 11px;
	display: block;
	float: left;
	position: relative;
	z-index: 100;
	cursor: default;
        color: #000000;
}

.messageEditor .toolbar_dropdown {
	min-width: 130px;
        color: #000000;
}

/* IE 6 */
.messageEditor .toolbar_dropdown {
	width: 130px;
        color: #000000;
}

.messageEditor .toolbar_dropdown .editor_dropdown_label, .messageEditor .toolbar_dropdown_image .editor_dropdown_label {
	display: block;
}

.messageEditor .toolbar_dropdown .editor_dropdown_label {
	min-width: 120px;
	background: #000000;
	padding: 3px 4px;
	margin-right: 14px;
	border: 1px solid #aaa;
	border-right: 0;
	height: 14px;
	overflow: hidden;
}

.messageEditor .toolbar_dropdown .editor_dropdown_arrow, .messageEditor .toolbar_dropdown_image .editor_dropdown_arrow {
	top: 0;
	position: absolute;
	right: 0;
	float: left;
	display: block;
	height: 20px;
	border: 1px solid #aaa;
	background: #efefef url(images/dropdown.gif) no-repeat center center;
	width: 12px;
}

.messageEditor .toolbar_dropdown_over .editor_dropdown_label, .messageEditor .editor_dropdown_menu_open .editor_dropdown_label {
	border-color: #5296f7;
	color: navy;
}

.messageEditor .toolbar_dropdown_over .editor_dropdown_arrow {
	background-color: #c1d2ee;
	border-color: #5296f7;
}

.messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_label,
.messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_arrow {
	background-color: #fff;
}

.messageEditor .editor_dropdown_menu_open .editor_dropdown_arrow {
	background-color: #c1d2ee;
	border-color: #5296f7;
}

.messageEditor .editor_dropdown_menu {
	margin: 0;
	padding: 0;
	margin-top: -3px;
	padding-bottom: 1px;
	top: 24px;
	left: 0;
	border: 1px solid #5296f7;
	position: absolute;
	width: 160px;
	background: #fff;
	z-index: 10000;
	max-height: 200px;
	overflow: auto;
	-moz-border-radius: 2px;
        color: #000000;
}

.messageEditor .toolbar_dropdown_image .editor_dropdown_menu {
	margin-top: -1px;
        color: #000000;
}

.messageEditor .editor_dropdown_menu li {
	list-style: none;
	padding: 3px 3px 3px 12px;
	margin: 0;
	position: relative;
	cursor: pointer;
        color: #000000;
}

.messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_active {
	background-image: url(images/dropdown2.gif);
	background-repeat: no-repeat;
	background-position: 2px center;	
}

.messageEditor .editor_dropdown_menu_title {
	background: #efefef;
	padding-left: 3px;
	border-bottom: 1px solid #aaa;
	color: #999;
	font-size: 10px;
	font-weight: bold;
}

.messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_over {
	background-color: #000000;
	cursor: pointer;
}

.messageEditor .toolbar_button_color .editor_dropdown_menu {
	width: 153px;
	height: 98px;	
	padding: 1px;
	background: #000000;
	margin-left: -1px;
}

.messageEditor .toolbar_button_color li.editor_dropdown_color_item {
	float: left;
	padding: 3px;
	margin: 1px;
	width: 11px;
	height: 11px;
}

.messageEditor .toolbar_button_color a {
	width: 9px;
	height: 9px;
	display: block;
	border: 1px solid #FFF;
}

.messageEditor .toolbar_button_color li.editor_dropdown_menu_item_active {
	background: #81A2C4;
}

.messageEditor .toolbar_button_color {
	position: relative;
}

.messageEditor .toolbar_button_video {
	position: relative;
        color: #000000;
}

.messageEditor .editor_button_color_selected {
	position: absolute;
	z-index: 100;
	width: 16px;
	height: 4px;
	top: 15px;
	left: 3px;
	display: block;
	background: 000000;
        color: #000000;
}

.messageEditor .toolbar_button_color li.editor_dropdown_menu_item_over {
	border: 1px solid #5296f7;
	background: transparent;
	margin: 0px;	
}

.messageEditor .toolbar_button_with_arrow {
	width: 34px;
}

.messageEditor .toolbar_button_arrow {
	top: 0px;
	float: left;
	display: block;
	width: 8px;
	background: url(images/dropdown.gif) no-repeat center center;
	height: 20px;
	border: 1px solid transparent;
}

.messageEditor .toolbar_hover .toolbar_button_arrow, .messageEditor .toolbar_clicked .toolbar_button_arrow {
	border-left-color: #5296f7;
}

crazy4cs

2011-04-16, 10:02 AM
Add it in the lines exactly below it in order, and keep that color attribute first then all others,try this.

faviouz

2011-04-16, 10:11 AM
He is clearly using the Office2007 editor theme, not the Default.

Do the changes above but in /jscripts/editor_themes/Office_2007/stylesheet.css instead.

crazy4cs

2011-04-16, 10:18 AM
Ah,if its office,it should be there,haha I didn't knew that,thanks Faviouz. Toungue
Pages: 1 2
MyBB Community Forums > Community Archive > Archived Forums > Archived Development and Support > MyBB 1.6 > 1.6 General Support > Change Text color in Post Editor, cant see