• lahiru

    (@lahiru)


    Is there a way to add commas to a counter? This is to show dollar values. Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Nenad Obradovic

    (@nenad-obradovic)

    Hi lahiru,

    You can try to use custom css code to add that mark, for example try to use code below

    
    .evc-counter .evc-c-digit {
        position: relative;
        letter-spacing: .12em;
    }
    
    .evc-counter .evc-c-digit:after {
        content: ',';
        position: absolute;
        top: 0;
        left: 0.5em;
    }
    

    Best regards,
    Nenad

    lahiru

    (@lahiru)

    Thanks Nenad. This would only work if the number is less than 9,999. Is there a way to add the 1000 separator for a large number as well? E.g. 348,944,812

    Plugin Author Nenad Obradovic

    (@nenad-obradovic)

    Hi lahiru,
    Try to replace code I sent you with this one

    .evc-counter .evc-c-digit {
        position: relative;
        letter-spacing: .15em;
    }
    
    .evc-counter .evc-c-digit:before {
        content: ',';
        position: absolute;
        top: 0;
        left: 0.5em;
    }
    
    .evc-counter .evc-c-digit:after {
        content: ',';
        position: absolute;
        top: 0;
        right: 2em;
    }

    Best regards,
    Nenad

    lahiru

    (@lahiru)

    Thanks Nenad. This still doesn’t work for large numbers. It adds the comma like 3,48944,812 instead of 348,944,812

    Plugin Author Nenad Obradovic

    (@nenad-obradovic)

    Hi lahiru,

    Just modify left: 0.5em; and right: 2em; values inside code I sent you, to move that marks on the right places. Also you can add Custom CSS class for each shortcode item (you have option for that inside shortcode options), after that just set different left and right positions for it, example shortcode for that case will be

    .evc-counter.my-custom-class .evc-c-digit:before {
        content: ',';
        position: absolute;
        top: 0;
        left: 0.5em;
    }

    Best regards,
    Nenad

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Commas in Counter’ is closed to new replies.