Change The Border On A TinyMCE Textarea

Jan 19, 2010 by admin    No Comments    Posted under: Tech

I couldn’t figure out how to change the borders on a TinyMCE textarea–the problem was TinyMCE converts your textareas to tables on the fly, which means all the CSS work you do for textarea goes unnoticed. Moxicode’s forums weren’t much help–here is the solution in two simple steps:

1. Find the skins folder for your theme, mine for example was the “Advanced” theme, under

"tiny_mce/themes/advanced/skins/default/"

2. Under /* Layout */, look for ".defaultSkin table.mceLayout", and you’ll probably see "border-left:1px solid #ccc". That’s where you’ll want to make your changes. Make them to that line, as well as the tr.mceFirst and tr.mceLast lines, and you’ll have new borders on your textareas in TinyMCE.

Got anything to say? Go ahead and leave a comment!