Support Forum - Topic: How to create own list style in CORONA?

Support Forum - Topic: How to create own list style in CORONA? http://www.kriesi.at/support/topic/how-to-create-own-list-style-in-corona Support Forum - Topic: How to create own list style in CORONA? en-US Sat, 25 May 2013 16:02:03 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Nick on "How to create own list style in CORONA?" http://www.kriesi.at/support/topic/how-to-create-own-list-style-in-corona#post-99069 Fri, 01 Mar 2013 20:30:27 +0000 Nick 99069@http://www.kriesi.at/support/ Hi, You are not using correct code to hit your classes, that's why you don't see it ... #squarelist ul { ... } Use Chrome Developer Tools, it is much better and easier to use then firebug and is more robust. Then open up custom.css file in the sources of chrom dev tools and just copy paste and move css around and you will see things change, this way you can try a whole bunch of different configurations.. much easier to hack out css that way., <pre><code><HTML> <div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="#" id="current">Item one</a></li> <li><a href="#">Item two</a></li> <li><a href="#">Item three</a></li> <li><a href="#">Item four</a></li> <li><a href="#">Item five</a></li> </ul> </div> <style type="text/css"> #navlist { margin-left: 0; padding-left: 0; list-style: none; } #navlist li { padding-left: 10px; background-image: url(arrow.gif); background-repeat: no-repeat; background-position: 0 .5em; } </style> </html></code></pre> Workflow in Dev Tools for this would be <a href="http://i.imgur.com/R1TAHBv.png" rel="nofollow">http://i.imgur.com/R1TAHBv.png</a> Thanks, Nick colorit2 on "How to create own list style in CORONA?" http://www.kriesi.at/support/topic/how-to-create-own-list-style-in-corona#post-98973 Thu, 28 Feb 2013 23:49:38 +0000 colorit2 98973@http://www.kriesi.at/support/ Hi, sorry for that simple, probably stupid question, but I don't get it my own list styles to work. I would like to create some list styles with different bullet types, without overwriting CORONA's own standard list style. I have these CSS: <pre><code>#squarelist ul li { background-image: url("http://xxx.de/wp-content/uploads/sites/2/2013/03/list1.png"); background-position: 0 3px; background-repeat: no-repeat; padding-left: 20px; list-style-position: outside; list-style-type: none; margin-left: 0px; }</code></pre> and this in my post: <pre><code><ul id="squarelist"> <li><a href="#">Item one</a></li> <li><a href="#">Item two</a></li> <li><a href="#">Item three</a></li> <li><a href="#">Item four</a></li> <li><a href="#">Item five</a></li></code></pre> This shows me still the standard bullets instead of my own image (the image path is right): <img src="http://i49.tinypic.com/2198eo6.jpg" /> When I check this with Firebug, then it uses always the CORONA standard list styles for lists and ignores my own. <img src="http://i49.tinypic.com/qofw5v.jpg" /> Could you please tell me, how to successful have list styles with own bullet images in CORONA? Thanks a lot for any help.