Css amateur question

Why ul li lists doesnt show disks and indents on list items? (added directly in page source)

<ul>
   <li>item</li>
</ul>

always show like:
item

would like
* item

Tried adding style
<ul style=" list-style-type:disc">
   <li>item</li>
</ul>

Thanks
Daniel

the style could be inherited from another element (or on the li directly). Try using firebug in firefox or inspector in google chrome and you can see exactly what styles are applied to an element.

Yes I found it using Web developer addon for Firefox
Style sits here App_Themes/publicStore/reset-fonts-grids.css

li (line 8)
{
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}

So is there way to override this some pages?
Or must I create second master page and remove this css file? (doesn't sound like good solution)

This also stands for editing text in fckeditor (e.g. product description) so basically with this css setup no lists,bold,italic styles can be applied. (you can define these in fckeditor but publicStore css overrides them)

you should create a new css class that defines your style and apply this to your ul element

e.g.
.mylist li
{
list-style-type:disc
}

---------------------------

<ul class="mylist">
<li>
Hello
</li>
<li>
World
</li>
</ul>

I've tried that and it doesn't work.

Where are you adding the class, in the page's head section or in an external stylesheet file? Try putting it in reset-fonts-grids.css underneath the default li styles.

You have to add the change to the end of the CSS file for the theme.




also note the the style you are have the issue with is li not ul you need to add the class there


the example you where was


<ul class="mylist">
<li>
Hello
</li>
<li>
World
</li>
</ul>

and should be

<ul>
<li class="mylist">
Hello
</li>
<li class="mylist">
World
</li>
</ul>

I see, thanks for help.

Any idea how to modify css to enable lists/bolds/italics entered from fckeditor (e.g. prod desc) to show on frontend ?

I've removed reset-fonts-grids.css file from publicStore folder which added disc to category navigation tree but still does not show in product description.

In reset-fonts-grids.css I would change:

address,caption,cite,code,dfn,em,strong,th,var
{
  font-style:normal;
  font-weight:normal;
}

to:

address,caption,cite,code,dfn,th,var
{
  font-style:normal;
  font-weight:normal;
}

(fckeditor renders bold as <strong> rather than <b>)

I don't really see the point in resetting any styles that you are likely to use frequently within the CMS (using fckeditor) as otherwise you would have to create a custom class and use that within fckeditor every time you wanted to apply these styles.

Hope that helps.