Forums

Styling Text Editor Bullet points

Permalink
The bullet point inserter in the text editor formats the bullets with a straight ul style with no added class. The Auto Nav also uses the ul style with no added class. I have added a custom template and styled the auto nav ul in the style sheet. Obviously the bullet points in the text editor are now copying the style of the auto nav which is undesirable.

Does anyone know of a way to assign a different default class for the bullet points in the text editor?

I could use the html editor and manually add an additional style class but I need to keep it simple for my client to use.

Thanks in advance.
 
tgriffin replied on at Permalink Best Answer Reply
tgriffin
I use the css file to style my bullets based on the div areas they're in. For example, I can create a bullet style for the sidebar section that may be different from the bullet style for the main section. This way all that's required by the user is to format text as bullets in the tinymce editor and the styles are automatically set based on where they're adding them.

#main #central #body ul {property:variable;}
is not the same style as
#main #central #sidebar ul {property:variable;}

If your ul styles in the custom template are specific to a section like the examples above it shouldn't effect the other bullet styles.
tgriffin replied on at Permalink Reply
tgriffin
I'm probably not doing a very good job of explaining. You should read this:

http://css-tricks.com/specifics-on-css-specificity/...

then if you're bored:
http://css-tricks.com/multiple-class-id-selectors/...
olivercoquelin replied on at Permalink Reply
Thanks! That did the trick.