wysiwyg default bullet class?

[Roych]

Hello

Im having problems with bullets and numbering in wysiwyg, they don't show up in frontend. (they show up in backend)

Id like to change it's class to .list1 (my own class) if this is possible.
My template has

Code: [Select]

list-style: none; in it an if I change this my menu gets bullets also.

My template has its own bullets class made, how do I create this class default for listing with wysiwyg.
my class

Code: [Select]

.list1 li{ background:url(../images/marker1.png) 0 8px no-repeat; padding-left:15px;margin-bottom: 10px;}

my site: need's to be cleaned up, thou  www.mizarstvo-zuja.si/zuja

Posting some images

Hope u understand

thank you
R.

[jacobi22]

i use the CSS-Definition in the file editor.css in my template folder with these entrys. Load this editor.css in your template with

Code: [Select]

<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/editor.css"  />
Remember: the path to the list-images starts in the template-directory. in my example i have a folder "images" in my template directory. Correct is url(images/list10a.gif); not correct is url(../images/list10a.gif);

if you use the editor.css, you can see the list-images in the backend (clearing browsercache is needed)

in the backend i build the list with the LIST-Button, than i go to SOURCE-CODE and write my favorite class manually in the code

ul.quad + u.quad2 are two different square, ul.zero is no image, ul.line is a simple line like a -

Code: [Select]

ul.quad{
         padding: 0 0 0 60px;
         list-style-image: url(images/list10a.gif);
         line-height:20px;
         }
ul.quad2{
         padding: 0 0 0 30px;
         list-style-image: url(images/list10b.gif);
         line-height:20px;
         }
ul.zero{
         padding: 0 0 0 40px;
         line-height:20px;
         list-style:none;
         }
ul.line{
         padding: 0 0 0 60px;
         list-style-image: url(images/list10d.gif);
         line-height:20px;
         }
ul.arrow{
         padding: 10px 0 0 60px;
         list-style-image: url(images/arrow11.png);
         line-height:20px;
         }

[Roych]

Thx for reply

I understan that but I don't want to do it manualy every time. I'd like this to be implemented in wysiwyg automaticali if I press the bullets button.

It works if If I do it manuali like

Code: [Select]

<ul class="list1">
    <li>random text</li>
    <li>random text</li>
    <li>random text</li>
    <li>random text</li>
    <li>random text</li>
</ul>
But I don't wan't to write it every time.

Thank you

R.

[jacobi22]

I'd like this to be implemented in wysiwyg automaticali if I press the bullets button.

thats only possible in the wysiwyg editor code, but i dont know, where
maybe marmot or other people can help
whats your standard wysiwyg editor (name, version) ??

[dbs]

Why don't use something like

Code: [Select]

#content ul li { background:url(../images/marker1.png) 0 8px no-repeat; padding-left:15px;margin-bottom: 10px;}

[Roych]

That one worked but now my folldergallery has bullets also!!

I tryed list-style: none;  in frontend.css but its not working

any ideas?

R

[dbs]

it's not list-style, it's background  

Code: [Select]

ul.categories li {background:none!important}

[Roych]

it's not list-style, it's background  

Code: [Select]

ul.categories li {background:none!important}

Great now it works! Yeeey

Thank you very much

R.