Customize list style in Titan theme

• 

  pindy · Member · Aug 3, 2010 at 1:43 am

  • Copy link
  • Add topic to favorites

  I’m trying to use the Custom CSS upgrade to change the list style in Titan from the x image (that comes with the Titan) to a standard disc.

  According to Firebug, the relevant CSS is:

  .entry ul li, .c-body ul li {
  background:url(“../images/list-item.gif”) no-repeat scroll 0 0.3em transparent;
  display:block;
  margin:5px 0;
  padding:0 0 0 17px;
  }

  The background rule seems to be controlling the appearance of the x image as the bullet.

  How do I modify the CSS to display a disc instead. I’ve tried adding:

  list-style-type:disc;

  But, that didn’t seem to do anything.

  Thanks heaps

  Pindy

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

• 

  hallluke · Member · Aug 3, 2010 at 9:29 am

  • Copy link

  Please remember to include a link to the blog in question next time. The one linked by your name isn’t using the Titan theme. This code should work:

  .entry ul li, .c-body ul li {list-style:disc inside none; display:list-item; background:none; padding:0;}

• 

  pindy · Member · Aug 4, 2010 at 1:37 am

  • Copy link

  Good point. Thanks Luke.

  The code almost works. The only problem now is there’s no hanging indent (i.e. I was hoping that subsequent lines would be aligned with the first line, rather than with the bullet).

  The site is:
  http://finersolutions.wordpress.com/

  I wonder if that’s an issue with the Titan theme?

  Thanks again

  Pindy