How can I add 'stripes' to my form background?

Published on Feb 20, 2015 16:21

A user wanted to style their form so that there were horizontal bands to distinguish the form inputs. Here's one solution with a few lines of CSS.

Add a Load CSS action to the On Load event of your form. In the action add this CSS

.form-group:nth-of-type(2n+1) {
  background-color: #ddd;
  padding: 3px;
}

But change to a colour of your choice.

Category: ChronoForms v5

You need to login to be able to post a comment.