Forums

How to stop text wrapping under stylized bullets? (2 posts)

  1. pepsimax2k
    Member
    Posted 5 years ago #

    Hi, I've just noticed a small problem with the stylized bullets on the default template. When I write a bullet link that's long enough to go on to another line, the text wraps underneathe the bullet point.

    This is the stylized bullet code:

    .entry ul li:before, #sidebar ul ul li:before {
    	content: \"0BB 020\";
    	}

    and all the bullets have the normal circular bullet point removed with

    	list-style-type: none;
    	list-style-image: none;

    The problem being the bullet point, instead of replacing the normal bullet point image, just gets added in front of any text, so any wrapping of text just sees the new bullet point as part of the bulleted text, which looks kind of messed up.

    Is there a way to get the stylized bullet point to act like a real bullet point? I'm thinking it could be something like list-style-image: \"0BB 020\"; but I'm not too sure...

  2. Otto
    Tech Ninja
    Posted 5 years ago #

    Is there a way to get the stylized bullet point to act like a real bullet point?

    No. Well... not with content anyway.

    You can make an image file (transparent GIF, PNG, whatever) of your bullet point and use that in the list-style-image. But it'll be an image, not text.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.