Using bullet Image on the "Recent Posts" Widget in the side widget

• 

  skyblueguy · Member · Oct 24, 2012 at 8:26 pm

  • Copy link
  • Add topic to favorites

  Hi

  I want to change the default bullet on the “Recent Posts” Widget in the side widget. Is it possible to use a bullet image instead of the default bullet? I tried some suggestions found in the Internet, but they did not work in my Theme.

  Thanks for your help in advance.

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Oct 27, 2012 at 1:54 am

  • Copy link

  This example will change the bullet type:

  .widget_recent_entries li {
  	list-style-type: disc;
  }

  See here for a list of bullet types:
  http://www.w3.org/TR/CSS2/generate.html#propdef-list-style-type

  This example will change the bullet to an image. You can upload your own image to your blog’s media library and use the link for that for the url() value instead.

  .widget_recent_entries li {
  	list-style-type: none;
  	overflow: visible;
  	margin-left: 0;
  	padding-left: 24px;
  	background: url(http://s.wordpress.org/about/images/wpmini-blue.png) no-repeat;
  }