Customize list style in Titan theme

  • Author
    Posts
  • #504510

    pindy
    Member

    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 finersolutions.wordpress.com.

    #504663

    hallluke
    Member

    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;}

    #504776

    pindy
    Member

    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

The topic ‘Customize list style in Titan theme’ is closed to new replies.