1
mannyo
How to change background and text color in tinyEditor?
  • 2010/2/24 18:06

  • mannyo

  • Just popping in

  • Posts: 25

  • Since: 2008/12/18


I have installed tinyEditor in my XOOPS install. When I try to use it in a Forum or News module the default background is Blue like the site and the default text is very small (7pt) and black.
Makes it very hard to use.
Any idea on how to edit / change these settings?
I'm thinking it has to do with the "CCS Path" option but don't know how to do it.

Thanks,


2
kris_fr
Re: How to change background and text color in tinyEditor?
  • 2010/2/24 19:37

  • kris_fr

  • Theme Designer

  • Posts: 1009

  • Since: 2005/12/31


Hi,

body.mceContentBody {
    
background-color:             #fff;
    
background-image:             none;
    
color:                         #333;
}

3
mannyo
Re: How to change background and text color in tinyEditor?
  • 2010/2/24 20:43

  • mannyo

  • Just popping in

  • Posts: 25

  • Since: 2008/12/18


Kris merci, mais je mets ça où?

4
kris_fr
Re: How to change background and text color in tinyEditor?
  • 2010/2/24 21:49

  • kris_fr

  • Theme Designer

  • Posts: 1009

  • Since: 2005/12/31


in style.css of your theme

5
mannyo
Re: How to change background and text color in tinyEditor?
  • 2010/2/24 23:20

  • mannyo

  • Just popping in

  • Posts: 25

  • Since: 2008/12/18


I tried adding this and it doesn't work.
/* artNOMAD.css*/



body { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #7B8A9E; margin: 0px;}
body.mceContentBody { background-color: #fff; background-image: none; color: #333;}

table { width: 100%; font-size: 12px;}

table td { padding: 0px; border-width: 0px; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}

table#main { background-color: #FFFFFF; width: 760px;}

table#table_bottom { background-color: #FFFFFF; width: 760px;}



a { color: #336699; text-decoration: none; font-weight: bold; background-color: transparent;}

a:hover { color: #FF6600; text-decoration: underline;}



h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

ul { margin: 2px; padding: 2px; text-align: left;}

li { margin-left: 2px; list-style: disc inside; color: #4D7398;}



input.formButton {}



.item { border: 1px solid #F3F4F5;}

.itemHead { padding: 3px; background-color: transparent; color: #111111;}

.itemInfo { text-align: right; padding: 3px; background-color: #F3F4F5;}

.itemTitle a { font-size: 120%; font-weight: bold; background-color: transparent;}

.itemPoster { font-size: 90%;}

.itemPostDate { font-size: 90%;}

.itemStats { font-size: 90%;}

.itemBody { padding-left: 15px;}

.itemText { margin-top: 5px; margin-bottom: 5px; line-height: 130%;}

6
Peekay
Re: How to change background and text color in tinyEditor?
  • 2010/2/25 1:02

  • Peekay

  • XOOPS is my life!

  • Posts: 2335

  • Since: 2004/11/20


Xoops TinyEditor module uses the theme CSS by default. This does sometimes cause problems, so you can specify an alternative CSS file in the module prefs in the field 'Editors CSS'.

There is an alternative CSS file provided with the module. To use this, enter:

Quote:

modules/tinyeditor/editor/themes/advanced/css/editor_content.css


You can then copy any classes from your regular CSS file to 'editor_content.css' in order to have them listed in the 'styles' dropdown menu in TinyMCE.

Login

Who's Online

381 user(s) are online (223 user(s) are browsing Support Forums)


Members: 0


Guests: 381


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits