Adding CSS styles to Able's Rich Text Editor style dropdown

[bigtires001]

Hello, Just getting started with Able Commerce 7.0. When creating a new website page, category or product there is a text box for adding a description or the content.

When you select the notepad link it takes you to the rich text editor, also called WYSIWYG. instead of the basic text box.

IN the editor, on the toolbar in the lower left corner there is a tab called style. There are a few basic styles there & 2 of them are shared throughout the system.

NOW FOR THE QUESTION---

How can I add to this list or attach my own styles? Can I change the style sheet or add to this list?
Either will work for my problem.

Any Help would be greatly appreciated...

[jmestep]

I work on my style sheet changes directly in the style.css that is in the folder of the App_Theme that you selected. .net reads style sheets in the folder in alphabetical order, so I've started changing my name to a_style.css. There are some styles in the ComponentArt.css in the folder that might override yours if you use any of their controls like the menu, category tree, etc.

[bigtires001]

Well not exactly. I know about that style sheet but its not the one attached to the editor.

Here's an example:

Open the rich text editor for Able Commerce, then type a bit and select it. You will see a button called styles on the editor. If you open this dropdown box there’s a few styles listed there already. How do I edit that list? Or attach the editor to a different style sheet.

Thanks.

[mazhar]

You can add custom styles in following file
Website\FCKeditor\fckstyles.xml

[mazhar]

Read the following topic
http://docs.fckeditor.net/FCKeditor_2.x ... ion/Styles

[bigtires001]

Thanks these were both a great help!