WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: Roych on November 28, 2013, 02:22:43 PM

Title: wysiwyg default bullet class?
Post by: Roych on November 28, 2013, 02:22:43 PM

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.

Title: Re: wysiwyg default bullet class?
Post by: jacobi22 on November 28, 2013, 02:56:22 PM

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;
         }

Title: Re: wysiwyg default bullet class?
Post by: Roych on November 28, 2013, 03:14:02 PM

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.

Title: Re: wysiwyg default bullet class?
Post by: jacobi22 on November 28, 2013, 03:27:29 PM

Quote

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) ??

Title: Re: wysiwyg default bullet class?
Post by: dbs on November 28, 2013, 03:39:05 PM

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;}

Title: Re: wysiwyg default bullet class?
Post by: Roych on November 28, 2013, 04:25:47 PM

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

Title: Re: wysiwyg default bullet class?
Post by: dbs on November 28, 2013, 08:51:52 PM

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

Code: [Select]

ul.categories li {background:none!important}

Title: Re: wysiwyg default bullet class?
Post by: Roych on November 28, 2013, 09:18:01 PM

Quote from: dbs on November 28, 2013, 08:51:52 PM

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

Code: [Select]

ul.categories li {background:none!important}

Great now it works! Yeeey ;)

Thank you very much ;)

R.