My site: http://www.parentcity.org/categories Please notice

HI:

My site: http://www.parentcity.org/categories

Please notice I have lists of sub-categories on the page. Can you tell me the code I use to add a small icon to the left of each word--I can upload my own icon image. Thanks.

  • samiam

    ok I got the code (see below). And it works great. EXCEPT it puts the same icon in front of al the sub-categories in all the widgets. I would like a different icon for each category. Can anyone advise how to modify this to do that?

    Thanks.

    .widget_sub_categories li {
    28
    list-style-type: none;
    29
    background: url(http://www.parentcity.org/wp-content/uploads/2013/12/i24.png) top left no-repeat;
    30
    height: 35px; /* image height in px */
    31
    padding-left: 35px; /* image width in px */
    32
    }

  • PC

    Hey there,

    Can you kindly try this :

    div#col-14-1.grid_4 ul li{background: url(http://www.parentcity.org/wp-content/uploads/2013/12/i24.png) top left no-repeat;}
    div#col-14-2.grid_4 ul li{background: url(http://www.parentcity.org/wp-content/uploads/2013/12/i24.png) top left no-repeat;}
    div#col-14-3.grid_4 ul li{background: url(http://www.parentcity.org/wp-content/uploads/2013/12/i24.png) top left no-repeat;}
    div#col-15-1.grid_4 ul li{background: url(http://www.parentcity.org/wp-content/uploads/2013/12/i24.png) top left no-repeat;}
    div#col-15-2.grid_4 ul li{background: url(http://www.parentcity.org/wp-content/uploads/2013/12/i24.png) top left no-repeat;}
    div#col-15-3.grid_4 ul li{background: url(http://www.parentcity.org/wp-content/uploads/2013/12/i24.png) top left no-repeat;}
    div#col-16-1.grid_4 ul li{background: url(http://www.parentcity.org/wp-content/uploads/2013/12/i24.png) top left no-repeat;}
    div#col-16-2.grid_4 ul li{background: url(http://www.parentcity.org/wp-content/uploads/2013/12/i24.png) top left no-repeat;}
    div#col-16-3.grid_4 ul li{background: url(http://www.parentcity.org/wp-content/uploads/2013/12/i24.png) top left no-repeat;}
    div#col-17-1.grid_4 ul li{background: url(http://www.parentcity.org/wp-content/uploads/2013/12/i24.png) top left no-repeat;}
    div#col-17-2.grid_4 ul li{background: url(http://www.parentcity.org/wp-content/uploads/2013/12/i24.png) top left no-repeat;}
    div#col-17-3.grid_4 ul li{background: url(http://www.parentcity.org/wp-content/uploads/2013/12/i24.png) top left no-repeat;}

    Then you can give different image to every category group.

    Please advise.

    Cheers, PC

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.