CSS Selector Classes & Unordered Lists

Hello,

I have two different sets of unordered list styles. Two are easily styled just by the DIV which they are in, (#leftCol, #ContentCol, etc.) and I just click the unordered list button in the text editor.

However, I need to implement a third style and am hoping to use the CSS Selector Class option in the text editor to do so, however I’m can’t figure out how to execute this. Since the selector class doesn’t specifically recognize an unordered list, is there any way I can use it to wrap the content in a DIV?

I’m basically just looking for the best way (for my client) to be able to choose an unordered list style without going into the HTML or doing any coding.

Thank you!
msflux.

Hi

I would use the same approach as for #leftCol and #ContentCol, and just wrap the placeholder in your template with a <div id="mainContent">[*placeholder*]</div>, and then define the styles with ’#mainContent ul’ in your style sheet instead of trying to assign them in TinyMCE.

I’m not too familiar with placeholders. I guess I’m looking for any easier way to assign an unordered list style without involving templates or snippets or directly editing code, but I don’t think there’s a way. I will directly edit the code and wrap the content in a DIV and then define the styles with ’#Div ul’ in the style sheet...

If those ordered lists are in your main content, the only thing you need to do is just wrap it in your template like this:



The placeholder [*content*] you’re using anyway already, and it’s probably in a div already. So the only thing you need to do is assign an id to it and then style your ul and li in the style sheet. That saves you from hacking html code in your editor.

Unless you want to assign different styles to different unordered lists in the same content area. However, if this should be the case, I wonder about the typography of your page. I can’t imagine a case where I would ever need that.