WordPress.com

1. fitzel
   Member
   Aug 23, 2006, 9:08 PM

   Hi,
   everytime I try to use "list-style-image" to replace a list bullet point with an image, the whole style gets deleted by wordpress when I try to save the custom css. Is the CSS command "list-style-image" blocked by wordpress and if so, why?

   tina

2. sunburntkamel
   Member
   Aug 23, 2006, 10:15 PM

   i can't think why wordpress would strip that out, i can't imagine that it's a security risk.

   however, it's generally more reliable to do the following:

   li {<br /> list-style-type: none;<br /> padding: 2px 2px 2px 8px;<br /> background: url(http://path.to/your/image.jpg) 0 50% no-repeat;<br /> }

3. fitzel
   Member
   Aug 23, 2006, 10:16 PM

   exactly, thanks I'll try that and report back if it worked :)

4. drmike
   Member
   Aug 23, 2006, 10:21 PM

   Style tags are stripped for security reasons. That's how that MySpace worm got in. That's probably what is occuring here.

5. sunburntkamel
   Member
   Aug 23, 2006, 10:30 PM

   drmike -

   did you fail to notice which forum we're in here?
   he's talking about a specific style in
   http://fitzel.wordpress.com/?css=css&rev=0

6. fitzel
   Member
   Aug 23, 2006, 10:35 PM

   thanks sunburntkam - it worked, with just a small modification. Here is what I did:
   <br /> #subcontent ul.categories li,#subcontent ul.months li {<br /> list-style-image:none;<br /> background:url('http://my.website.com/categories_yellow.gif') left no-repeat;<br /> margin:0;<br /> padding:0 0 0 18px;<br /> }

   It strange though ... I can use list-style-image:none; but I cant use
   list-style-image:url('url');

   thanks for your help :) much appreciated
   tina

7. drmike
   Member
   Aug 23, 2006, 10:44 PM

   did you fail to notice which forum we're in here?

   Yes, I did and I already looked at the CSS file in question. No reason to be rude. Did you notice I said 'probably' in there?

   I sent in a Feedback asking about the situation. I had thought it might be an oversite with the filters but if 'list-style-image:none;' is working...

8. fitzel
   Member
   Aug 23, 2006, 10:50 PM

   hi drmike,
   thanks for looking anyway! would be really interesting if you could find out why list-style-image seems to be blocked with a url ... well if you have time :)

9. andy
   Staff
   Aug 24, 2006, 7:54 AM

   Hi fitzel. Sorry about the problem! It's fixed now. I just tested with this lovely and flattering rule:

   li { list-style-image: url(/favicon.ico); }

   ;-)

10. fitzel
    Member
    Aug 24, 2006, 9:00 AM

    Hi Andy,
    great - it works!
    Thanks very much for the fix :)

11. timethief
    Member
    Aug 24, 2006, 4:12 PM

    resolved

Topic Closed

This topic has been closed to new replies.