codehaven - php snippets - coding help
Generic filters
Exact matches only
    • octopus energy discount code

    Ordered list colour numbers differently

    12th June 2014

    CSS

    Css - Codehaven

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
     
    ol li {
    list-style-type: none;
    counter-increment: list;
    position: relative;
    }
     
    ol li:after {
    content: counter(list) ".";
    position: absolute;
    left: -2.5em;
    width: 2em;
    text-align: right;
    color: black;
    }
     

    or you could use an icon

    1
    2
    3
    4
    5
    6
    7
     
    .featurelistleft li {
         background:url(images/logoicon.png) 0 0 no-repeat;
      list-style:none;
      
    }
     

    Was this code snippet helpful?

    RSS Latest Snippets
    LINKS
    A Repository of Code Snippets in many Programming Languages:-

    PHP – JQUERY
    CSS – MYSQL
    WORDPRESS – JAVASCRIPT
    WOOCOMMERCE – HTML

    © 2022 CODEHAVEN