Need help? Check out our Support site, then


Customize list style in Titan theme

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

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

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

Topic Closed

This topic has been closed to new replies.

About this Topic