Jump to content


Photo
- - - - -
Resolved

CSS help for 'Recent Posts' widget

css widgets

  • Please log in to reply
7 replies to this topic

#1 jeffharbert

jeffharbert

    Newbie

  • Members
  • 4 posts
  • Country: Country Flag

Posted 16 October 2012 - 05:45 PM

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

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 16 October 2012 - 05:49 PM

Try adding the !important declaration like so:

Please Login or Register to see this Hidden Content



#3 jeffharbert

jeffharbert

    Newbie

  • Members
  • 4 posts
  • Country: Country Flag

Posted 16 October 2012 - 06:00 PM

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

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 16 October 2012 - 06:08 PM

Can you please post a link to your site?

#5 jeffharbert

jeffharbert

    Newbie

  • Members
  • 4 posts
  • Country: Country Flag

Posted 16 October 2012 - 06:10 PM

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

Please Login or Register to see this Hidden Content



#6 jeffharbert

jeffharbert

    Newbie

  • Members
  • 4 posts
  • Country: Country Flag

Posted 16 October 2012 - 06:39 PM

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

#7 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 October 2012 - 11:33 PM

Glad that worked. This seemed to as well:

Please Login or Register to see this Hidden Content



#8 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 October 2012 - 11:34 PM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, css, widgets