Changing colour for Form Callaspe Fields

  • Profile Image
    Asked on May 12, 2011 at 05:18 AM


    Neil helped me previously with the below question regarding changing colours for Heading Backgrounds and text. It certainly did help me out, so thanks mate!
    Just had one more question, is it possible to do the same for Form Callaspe Fields (from survey tools).
    If so could you please provide me with the code?
    Thank you - I appreciate your help!!!
    Aaron Chenery
    Answered by NeilVicente



    Yes it is most definitely possible by injecting custom css code into your form.

    Use this code to change your heading's color:

    .form-header {
    Replace red with any HTML Color Code or HTML Color Name you prefer.

    To change your heading field's background color:

    .form-header-group {
        backgroundnone repeat scroll 0 0 red;
        border-bottom: 0px 
    Again, replace red with any color you prefer.
    Let me know how this works for you. Feel free to contact us again if you need more information.

  • Profile Image
    Answered on May 12, 2011 at 08:16 AM

    Hi Aaron

    Yes, you certainly can do that. Please see this thread for details. Incidentally, Firebug is a very handy tool for discovering what CSS elements (ID's and classes) to target.

    Thanks for asking and please feel free to enquire further about this and other aspects of our forms.


    ~ Wayne

  • Profile Image
    Answered on May 12, 2011 at 09:08 AM

    Thanks Wayne 

    Appreciate it mate!

  • Profile Image
    Answered on May 12, 2011 at 09:13 AM

    Glad to be of service, Aaron.