UL Custom List

  • Resolved hopest

    (@hopest)


    15 years, 1 month ago

    Okey Doke,

    I have a custom image for my UL list and everytime I edit the HTML in a page with the below:

    <ul style=”list-style-image:url(https://blogname.co.uk/files/2009/08/BulletPoint1.gif); padding-left: 1em;”>

    and press save it reverts back to just the normal

      After copying the code in I have even selected back to Visual mode and I can see the new bullet point image but whenever I press save it always reverts back. Whats really annoying is I have used this once before on a page and it worked but it doesn’t work anymore? help?

Viewing 1 replies (of 1 total)
  • Moderator cubecolour

    (@numeeja)

    Take out the inline css and instead assign a class to your unordered list
    <ul class='myclass'>

    Add rules to target unordered lists with that class in the style sheet (style.css) of your theme.

    It would probably be better to ftp your bullet graphic to the directory where graphics are stored in the theme, often ‘/images’, but different themes may call it something else.
    ul.myclass {list-style-image:url(images/BulletPoint1.gif); padding-left: 1em;}

Viewing 1 replies (of 1 total)
  • The topic ‘UL Custom List’ is closed to new replies.