Advanced CSS Customisation

Applying CSS (Cascading Style Sheets)

1. From Admin > Infocapture, check out the form you wish to modify

2. Switch to "Form styles" tab

3. Copy and paste the code provided below as required.


1. Making All field label - Left Aligned

By Default field labels in Infocapture is right align, add the following code into Form Styles tab to make all field label left-align

.form-horizontal .control-label {
text-align: left;
padding-left: 12px;




2. Applying styles to selected field label

In this case we provide example on how to make one of the field red and in larger font.

1. within "Form styles"  create a custom style in CSS format . example below

.big-red {
color: red;
font-size: 28px;

2. Edit the field and apply custom style to the desired field propertes example below:   







Commenting out styles

You can comment-out style you don't need by putting them within /*    */ symbol

example below

/* these styles is commented out
.red .ic-section-title {
background-color: #ffb3ba;
color: red;



Related Articles

Multi Coloured Heading in InfoCapture

Last modified on 29 January 2018 by Jon Mulhern
Created on 26 August 2016 by Michael Christian

Was this helpful?  



{{ comment.user.is_me ? cc.translations.my_comment : }} {{ comment.user.is_me ? cc.translations.my_comment : }} {{}} [wrote]...
[Reply] [Like] {{comment.like_count}} [person] [people] [liked this] [Edit] [Delete] {{ comment.timestamp.date_str }}