WebsiteBaker Support (2.8.x) > Templates, Menus & Design

wysiwyg default bullet class?

(1/2) > >>

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: ---list-style: none;
--- End code ---
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: ---.list1 li{ background:url(../images/marker1.png) 0 8px no-repeat; padding-left:15px;margin-bottom: 10px;}
--- End code ---


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: ---<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/editor.css"  />
--- End code ---

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: ---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;
         }
--- End code ---

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: ---<ul class="list1">
    <li>random text</li>
    <li>random text</li>
    <li>random text</li>
    <li>random text</li>
    <li>random text</li>
</ul>
--- End code ---

But I don't wan't to write it every time.

Thank you

R.

jacobi22:

--- Quote ---I'd like this to be implemented in wysiwyg automaticali if I press the bullets button.
--- End quote ---
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: ---#content ul li { background:url(../images/marker1.png) 0 8px no-repeat; padding-left:15px;margin-bottom: 10px;}
--- End code ---

Navigation

[0] Message Index

[#] Next page