CSS for lists

  • Aim: to have different ul classes each with a different bullet image

    Where I’m at: I have updated style.css in my child theme with this code –

    ul.ink {
   list-style-image: url('https://perfectly4med.co.uk/wp-content/uploads/2018/02/Ink2.png');
}

ul.brush {
   list-style-image: url('https://perfectly4med.co.uk/wp-content/uploads/2018/02/Brush.png');
}

    – which doesn’t do anything when I call it using <ul class=ink”> etc.

    Inelegant solution: I’ve added it as custom CSS via customise appearance menu, and it does work, so I know the css code is right.

    I can only assume something is superceding the child theme and not the custom CSS, but I can’t find it. Can anyone shed light on what’s going on?

    • This topic was modified 5 years, 11 months ago by perfectly4med.
    • This topic was modified 5 years, 11 months ago by perfectly4med.

    The page I need help with: [log in to see the link]

  • The topic ‘CSS for lists’ is closed to new replies.