Advanced CSS Customisation

By Michael Christian on 26 August 2016
0 Likes

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;
}

 

Example:

 

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:   

Result:

 

 

 

 

 

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

[Discuss]

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

[Loading...]