Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #6971

    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!

    #56092

    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.

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Style lists in footer’ is closed to new replies.