Style lists in footer « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Avisio

Style lists in footer

2 posts from 2 voices

Started 1 year ago by JulieS
Latest reply from Chris Beard
This topic is not resolved

Tags:

JulieS
Member
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 http://www.montessoricenter.org

The image is here: http://www.montessoricenter.org/wp-content/themes/avisio/images/skin1/footer_comment.png

From Firebug, I can see this list is styled in Column 2, with a div name:
<div class="execphpwidget"

First, I tried adding this code to style.css in the /****COLUMN 2*****/ section
```
.execphpwidget li{
list-style-image: url(http://www.montessoricenter.org/wp-content/themes/avisio/images/skin1/footer_comment.png);
}
```
But no luck.

Then I tried adding code to the PHP in the widget:
```
<?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; ?>
```
Again no luck.

Can you help? Any suggestions on where I am going wrong would be much appreciated!
Posted 1 year ago #
Chris Beard
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
```
.execphpwidget ul {
padding: 5px 0 0 30px;
    list-style: url('http://www.montessoricenter.org/wp-content/themes/avisio/images/skin1/footer_comment.png')
}
```
Of course, you can change the link to the message image depending on where you've put it.
Posted 1 year ago #