Support Forum - Topic: Style lists in footer

Support Forum - Topic: Style lists in footer http://www.kriesi.at/support/topic/style-lists-in-footer Support Forum - Topic: Style lists in footer en-US Fri, 24 May 2013 00:42:23 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Chris Beard on "Style lists in footer" http://www.kriesi.at/support/topic/style-lists-in-footer#post-32415 Fri, 18 Nov 2011 22:58:12 +0000 Chris Beard 32415@http://www.kriesi.at/support/ Hi, first add a UL tag around your list items, list items don't work well without a grouping tag. Then, add this to your style.css <pre><code>.execphpwidget ul { padding: 5px 0 0 30px; list-style: url('http://www.montessoricenter.org/wp-content/themes/avisio/images/skin1/footer_comment.png') }</code></pre> Of course, you can change the link to the message image depending on where you've put it. JulieS on "Style lists in footer" http://www.kriesi.at/support/topic/style-lists-in-footer#post-32013 Wed, 16 Nov 2011 04:05:01 +0000 JulieS 32013@http://www.kriesi.at/support/ Hi there, I'd like to add a custom bullet to a list in the footer. The list is the School Blog in the footer of my website <a href="http://www.montessoricenter.org" rel="nofollow">http://www.montessoricenter.org</a> The image is here: <a href="http://www.montessoricenter.org/wp-content/themes/avisio/images/skin1/footer_comment.png" rel="nofollow">http://www.montessoricenter.org/wp-content/themes/avisio/images/skin1/footer_comment.png</a> From Firebug, I can see this list is styled in Column 2, with a div name: <code><div class="execphpwidget"</code> First, I tried adding this code to style.css in the /****COLUMN 2*****/ section <pre><code>.execphpwidget li{ list-style-image: url(http://www.montessoricenter.org/wp-content/themes/avisio/images/skin1/footer_comment.png); }</code></pre> But no luck. Then I tried adding code to the PHP in the widget: <pre><code><?php query_posts('category_name=school-blog&showposts=5'); ?> <?php while (have_posts()) : the_post(); ?> <li style="list-style-image: url(http://www.montessoricenter.org/wp-content/themes/avisio/images/skin1/footer_comment.png"><a>"> <?php the_title(); ?> </a> <?php endwhile; ?></code></pre> Again no luck. Can you help? Any suggestions on where I am going wrong would be much appreciated!