Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved CSS help for 'Recent Posts' widget


Question

Posted · Report post

The 'Recent Posts' widget uses an unordered list to show X number of recent posts. I'd like the list to be bulleted but can't seem to get it right.

I've added this to style.css (adding it to the Custom Code section didn't do anything at all):

.widget_recent_entries.widget ul{

text-indent: 5px;

list-style-type: square;

}

The text-indent works perfectly, but I can't get the bullets to show up. Any ideas?

Thanks,

Jeff

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

Try adding the !important declaration like so:

list-style-type: square !important;[/CODE]

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks for the suggestion. Same result though. No bullets.

Share this post


Link to post
Share on other sites

Posted · Report post

Can you please post a link to your site?

Share this post


Link to post
Share on other sites

Posted · Report post

Digging (with Google's help) I found this previous post here on Pagelines:

http://www.pagelines.com/forum/topic/19826-bullet-points-in-widgets/

From that post I used this code:

#recent-posts-2 ul { list-style: square; display: list-item; margin: 0 20px; }

#recent-posts-2 ul li { list-style: square; display: list-item; }

and that did the trick. (Note to self - spend more time with Google next time.)

Share this post


Link to post
Share on other sites

Posted · Report post

Glad that worked. This seemed to as well:


ul {

    list-style: square outside none !important;

}

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites