How to change the form looks and style (theme) ?

  • thecomfortxperts
    Asked on April 1, 2018 at 7:44 AM

    How can I make the fields look large & more modern?

    The phone field - anyway to remove the area code box and just have one field for the whole number i.e. xxx.xxx.xxxx

    Please see my sample page... the top form is Gravity and the bottom is yours. I would like to use yours but have the modern flat look like Gravity.


    Please advise

    thanks


  • Adrian
    Replied on April 1, 2018 at 9:00 AM

    How can I make the fields look large & more modern?

    You can apply a theme to your form to change the form style and looks.
    Complete Guide: How to Apply a Theme to Your Form

    You can also add Custom CSS to your form.
    How to Inject Custom CSS Codes

    The phone field - anyway to remove the area code box and just have one field for the whole number i.e. xxx.xxx.xxxx

    You can add an Input Mask to the Phone Number field.

    Help Article: Getting Started with the Basics of Input Masking

    How to change the form looks and style (theme) ? Image 10

    You can also use a Short Text field as well.

  • thecomfortxperts
    Replied on April 1, 2018 at 9:43 AM
    That’s brilliant.. perfect! Thanks

    ...
  • thecomfortxperts
    Replied on April 1, 2018 at 10:43 AM
    Last one for the day…

    Using big blue theme… or any other for that matter..

    The header section – I can find the text to change but not the colour of the background being it’s blue?

    https://thecomfortxperts.com/online-appointment-request/

    change the blue to a different blue both in header and button area?

    ...
  • thecomfortxperts
    Replied on April 1, 2018 at 10:43 AM
    Nevermind…. I figured it out.. didn’t know that the fields were clickable in designer mode

    ...
  • thecomfortxperts
    Replied on April 1, 2018 at 11:43 AM
    Sorry to bother you…

    I have customizing the blue theme and the field spacing always changes on a refresh and the font colour changes also.

    Then I used a different theme and customized it, it looks good advance design then it changes on It’s own.

    Am I missing something here?

    ...
  • Mike
    Replied on April 1, 2018 at 12:32 PM

    The theme styles might have higher priority than the form designer styles.

    What you can try is to apply the theme again, and then contact us if you need to change the colors for example. We might be able to do this with a custom CSS added to the form.