I'm creating a super long form for a insurance company. My client is asking if each section can be colorized. Please see screen shot. I was wondering how I can do this?

Dear Erica,

Please add the following code to Form Options > Javascript section of your form:

jQuery(document).ready(function () {
    var sectionColors = [ "black", "#cc0000" ];
    var index = 1;
    var length = sectionColors.length;
    jQuery(".wdform_section").each(function () {
         jQuery(this).css("background-color", sectionColors[index % length]);
         index++;
    });
})

So for each section I want to colorize how do I do that with the code you provided?

This looks like it only colorizes all sections not a specific section.

Dear Erica,

Please separate your form's sections with section breaks.
Thank you.

I did that and I'm still getting the same div tag. I need a separate class for each section so each section can have a different color background. Like the example screenshot from my initial post.

Dear Erica,

Could you please contact us to [email protected] and let us to take a look at this? Please mention the full link to your forum post in your e-mail.

Thank you.