Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1071
  • Last Modified:

JQuery ui-icon ui-icon-bullet resizable?

I managed to find the class in the JQuery UI css to display a bullet icon for unorder list, but the bullet is too big. Is there a way to make this smaller?

<span class="ui-icon ui-icon-bullet"> bullet text </span>

JQuery UI Icons available:
http://jquery-ui.googlecode.com/svn/tags/1.6rc5/tests/static/icons.html

0
jeremyll
Asked:
jeremyll
1 Solution
 
Hans LangerCommented:
try this;
<style type="text/css">li {margin: 2px; padding: 4px 0; cursor: pointer; list-style: none;}</style>
<ul class="ui-widget"> 
<li class="ui-state-default ui-corner-all" ><span style="float:left;margin-left:3px">&#183;&#160;</span><span class="text" >bullet text</span></li> 
<li class="ui-state-default ui-corner-all" ><span style="float:left;margin-left:3px">&#183;&#160;</span><span class="text" >bullet text</span></li> 
<li class="ui-state-default ui-corner-all" ><span style="float:left;margin-left:3px">&#183;&#160;</span><span class="text" >bullet text</span></li> 
<li class="ui-state-default ui-corner-all" ><span style="float:left;margin-left:3px">&#183;&#160;</span><span class="text" >bullet text</span></li> 
</ul>

Open in new window

0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now