Commas in Counter

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

• This reply was modified 6 years, 10 months ago by 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

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

• This reply was modified 6 years, 10 months ago by Nenad Obradovic.