how to style google forms

  • Profile Image
    Asked on June 19, 2019 at 04:16 AM

    Hi there,

    I'm looking for ways to style my google form. I'm not happy the way it looks right now. We'll have a wedding in the coming months and this will be the first one we organize as a company. Customers will be filling out a form that includes names, wedding date and hour, etc.  I want the form to be exquisite. I thought you could help me. You can mention how we can do that in jotform as well. 



  • Profile Image
    Answered on June 19, 2019 at 05:54 AM


    You can change font style and theme and background colors in Google Forms. For further styling details, you need to make changes in the source code. Unlike Google Forms, Jotform allows its user to make advanced changes in their forms to make them visually stunning. You can change basic visual elements of the form such as form and page color, button styles, and spacing. In addition to that, subtle changes in the form can be achieved by using advanced form designer, which allows you to adjust details like padding and margins. 

    Jotform outshines Google Forms with its in-built CSS field where you can inject different CSS codes into your forms in order to customize them. You can create beautiful form design by making background transparent, adjusting or removing spacing or changing header colors. And you don't even need to know how to write CSS codes. There are tons of resources on Jotform website on how to inject CSS codes. I'll share some in here.

    Support team is always available if you face any difficulties about styling with CSS codes.

    While you can build a new form on our form builder, If you'd like to use one of our templates, please visit and you can reach different forms in related categories. I'd suggest you to check out Wedding Forms or Event Registration Forms.

    I believe these features will boost the productivity of your organization. That's why we believe Jotform is the best Google Forms alternative with its form templates and design customization features.

    To give custom style to your forms, please follow these steps;

    1- Create a form depending on your need or pick one from related categories.

    2- For design customizations, please click on the blue brush icon "Form Designer" on the right side. 

    1560944818Screen Shot 2019-06-19 at 14.3

    3- You'll be able to change themes and colors and add CSS codes from this panel.

    1560945000Screen Shot 2019-06-19 at 14.3

    4- If you need more advanced design customization, please go to "Advanced Designer".

    1560945041Screen Shot 2019-06-19 at 14.3

    I believe this guide can help you to create beautiful forms. We'll be here if you need help. 

    Related Threads:

    How to close google forms

    How to customize google forms

    How to add upload button in google forms

    How to make a qr code for a google form