How to add bullets to the widgets in Freshy theme

• 

  jeanie12 · Member · Oct 29, 2009 at 11:57 am

  • Copy link
  • Add topic to favorites

  Hi,

  I am using the Freshy theme. I just purchased the CSS upgrade and started exploring a bit with the color.
  I want my widgets like Latest Posts, Categories to be displayed as a bulleted list. In the code I found something like:

  ul ul li,
  ol ol li {
  background:transparent url(images/bullet.gif) 0px .5em no-repeat;
  padding-left:8px;
  }

  Though I am not sure, I am looking at the right code. Please help me add bullets in the widgets.

  Thanks..
  Jean

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

• 

  thesacredpath · Member · Oct 29, 2009 at 2:58 pm

  • Copy link

  Right now they have a right-facing arrow (the gif image). What did you want as the “bullet?”

• 

  thesacredpath · Member · Oct 29, 2009 at 3:19 pm

  • Copy link

  The above by the way would effect all lists, not only unordered, but ordered as well, and even in the posts.

  If you want to have it effect only unordered lists in the sidebar, you would want this:

  #sidebar ul, #sidebar ul li {
  list-style-image:url(http://s3.wordpress.com/wp-content/themes/pub/freshy/images/bullet.gif);
  list-style-position:outside;
  list-style-type:none;
  margin-left:10px;
  padding-left:0;
  }

• 

  thesacredpath · Member · Oct 29, 2009 at 3:19 pm

  • Copy link

  And now the code again (forgot the backticks)

  #sidebar ul, #sidebar ul li {
  list-style-image:url(http://s3.wordpress.com/wp-content/themes/pub/freshy/images/bullet.gif);
  list-style-position:outside;
  list-style-type:none;
  margin-left:10px;
  padding-left:0;
  }

• 

  jeanie12 · Member · Nov 18, 2009 at 8:03 am

  • Copy link

  Thanks a lot, that works absolutely fine in IE7, but the bullets do not appear in FF. Though I do not have a thorough knowledge about CSS, I have heard that paddings and margins work differently in both these browsers. Could you help me with a hack that runs on FF and other browsers.

  Also can I change the image for the bullet?

  Thanks,
  Jean