7 replies to this topic

[jeffharbert]

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

[catrina]

Try adding the !important declaration like so:

Please Login or Register to see this Hidden Content

[jeffharbert]

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

[catrina]

Can you please post a link to your site?

[jeffharbert]

Sure thing, sorry. It's a site for a client of mine.

Please Login or Register to see this Hidden Content

[jeffharbert]

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

Please Login or Register to see this Hidden Content

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.)

[Rob]

Glad that worked. This seemed to as well:

Please Login or Register to see this Hidden Content

[Rob]

The topic was marked as resolved.