Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 25, 2015 at 4:14 am #464386
    Richard

    Hi

    I have been using this code in custom CSS

    ul.flame {
list-style-image: url(‘http://www.savvasleondas.com/newwebsite/wp-content/uploads/2015/02/flame-red-circle.png’);
}

    and then this code on the page

    <ul class=”flame”>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>

    But it does not work. It just places small black bullets and not the image.
    What is wrong? I have tried it several ways

    June 26, 2015 at 5:56 am #464775
    Rikard

    Hi Richard!

    Please try the following instead:

    ul.flame li {
list-style-image: url(‘http://www.savvasleondas.com/newwebsite/wp-content/uploads/2015/02/flame-red-circle.png’) !important;
}

    Try to add the following to your code as well to make sure you are targeting the correct items:

    border:1px solid red !important;

    Regards,
    Rikard

    June 26, 2015 at 12:06 pm #464897
    Richard

    Hi Rikard

    Thanks for your reply. Unfortunately that does not work either. This one has got me stumped

    Regards
    Richard

    June 26, 2015 at 12:28 pm #464900
    Basilis

    Hi!

    from <ul class=”flame”> to <ul class="flame">

    Can you please see the difference? You are using ” instead of ”

    Please replace on your code, and it will be fixed.

    Let me know if that would work! :)

    Best regards,
    Basilis

    • This reply was modified 9 years, 6 months ago by Basilis.
    June 26, 2015 at 12:49 pm #464912
    Richard

    Hi Basilis
    GRRRR! bad mistake on my part…thanks for your help
    regards
    Richard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Customised bullet list’ is closed to new replies.