Is it possible to increment months by using CSS counters

  • Profile Image
    BetsyCohen
    Asked on December 01, 2016 at 09:22 AM
    Thank You so much Abajan!!! Do you think it would be possible to list with months? 
  • Profile Image
    owen
    Answered on December 01, 2016 at 09:42 AM

    Hi Betsy, 

    This CSS property does only increment the numbers by default. So, I do not think it is achievable to consecutively list the months. 

    Thank you for contacting us. 

  • Profile Image
    BetsyCohen
    Answered on December 01, 2016 at 09:49 AM

    I've just find a solution for this by changing CSS code like this:

     

    .col1 {

     

    margin: 3px 0;

     

    min-width: 150px;

     

    }

     

    tr+tr+tr >:first-child {

     

    visibility: hidden;

     

    }

    tr+tr+tr >:first-child :after {

     

    visibility: visible;

     

    content: "Febrero";

     

    margin-left: -40px;

     

    }

     

    tr+tr+tr+tr >:first-child :after {

     

    visibility: visible;

     

    content: "Marzo";

     

    margin-left: -40px;

     

    }

     

    tr+tr+tr+tr+tr >:first-child :after {

     

    visibility: visible;

     

    content: "Abril";

     

    margin-left: -40px;

     

    }

     

    tr+tr+tr+tr+tr+tr >:first-child :after {

     

    visibility: visible;

     

    content: "Mayo";

     

    margin-left: -40px;

     

    }

     

    tr+tr+tr+tr+tr+tr+tr >:first-child :after {

     

    visibility: visible;

     

    content: "Junio";

     

    margin-left: -40px;

     

    }

     

    tr+tr+tr+tr+tr+tr+tr+tr >:first-child :after {

     

    visibility: visible;

     

    content: "Julio";

     

    margin-left: -40px;

     

    }

     

    tr+tr+tr+tr+tr+tr+tr+tr+tr >:first-child :after {

     

    visibility: visible;

     

    content: "Agosto";

     

    margin-left: -40px;

     

    }

     

    tr+tr+tr+tr+tr+tr+tr+tr+tr+tr >:first-child :after {

     

    visibility: visible;

     

    content: "Septiembre";

     

    margin-left: -40px;

     

    }

     

    tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr >:first-child :after {

     

    visibility: visible;

     

    content: "Octubre";

     

    margin-left: -40px;

     

    }

     

    tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr >:first-child :after {

     

    visibility: visible;

     

    content: "Noviembre";

     

    margin-left: -40px;

     

    }

     

    tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr >:first-child :after {

     

    visibility: visible;

     

    content: "Diciembre";

     

    margin-left: -40px;

     

  • Profile Image
    Welvin
    Answered on December 01, 2016 at 10:51 AM

    I don't see a date field in your form, but I'm glad that you've found the solution. Please contact us again if we can help in any way.