Job Database

In addition to the regular CSS tags that can be affected (such as “body”, “a”, “p” and so on), the following example CSS sheet includes all the additional tags that can be targeted, with examples of customization. You can also use media queries to get additional control.

.parentContainer {
background-color: pink;
}

.formBackground {
background-color: blue;
}

.continueButton {
background-color: green;
}

.progressBar {
margin-top: 50px;
}
Growform offers powerful customization options banking database in the theme settings. However, sometimes more customization is needed.

If you need to customize elements that are not reachable with the usual settings, you can use custom CSS.

Be careful, we are entering developer territory here: make sure to test your form thoroughly before making it live.

Finding CSS Settings
To find your custom CSS settings, navigate to your form in the Growform builder.

Then, press “Edit module settings” and find “Custom CSS (experimental)” in the advanced settings:

In this box you can enter regular CSS, for example the following would be perfectly valid (although it may be overridden by other styles in the form):

a {
color: blue
}
List of target tags and examples
In addition to the regular CSS tags that can be affected (such as “body”, “a”, “p” and so on), the following example CSS sheet includes all the additional tags that can be targeted, with examples of customization. You can also use media queries to get additional control..button {
background-color: purple;
}

.button > span {
font-size: 15px;
}

.firstButtonInRow {
background-color: orange;
}

.backButton {
color: black;