Global styling

This documentation page is for Quform version 1 and may not be applicable for Quform 2 click here to visit the documentation for Quform 2.

In this section you can specify settings and styles that will apply to all elements. You will be able to override most of the styles inside the individual element settings.

Element background color

Choose the hex color that will appear as a background to each element. The value should include the hash e.g. #fc0000

Element border color

Choose the hex color that will appear as a border to each element. The value should include the hash e.g. #fc0000

Element input text color

Choose the hex color for the input text of each element, i.e. the text inside a single line or paragraph element. The value should include the hash e.g. #fc0000

Label text color

Choose the hex color for the label text of each element. The value should include the hash e.g. #fc0000

Add a CSS style

Click the button referring to the part of the form you want to add CSS styles to. A new row should appear inside the “Global CSS Styles” section. Click the +CSS button to show the box for adding your own CSS. There is no limit to the CSS you are allowed to enter here. Enter CSS without a selector or curly brackets and have each style on its own line ending with a semi-colon. The code below is a good example of what you should be entering.

1
2
3
padding: 10px;
font-size: 15px;
font-weight: bold;
padding: 10px;
font-size: 15px;
font-weight: bold;
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy