November 11, 2009
2:51 pm | Last updated: November 11, 2009 at: 3:08 pm
Customize Google Docs forms with CSS injection
An undocumented trick lets you customize a Google Docs form by injecting CSS. Let's assume that the URL of your form is: https://spreadsheets.google.com/embeddedform?key=0Ato1MNFt5ld1cExhRTl0c1ZMcF8zcWZJRTNPSGhLQkE — You can add some new CSS rules as a value of the f parameter: https://spreadsheets.google.com/embeddedform?key=0Ato1MNFt5ld1cExhRTl0c1ZMcF8zcWZJRTNPSGhLQkE&f=;}body{font-size:14pt!important}.ss-q-title{color:green}
Important: 1. the value has to start with ;} 2. you need to use !important for some rules to override existing values 3. check source code of form to find classes used by Google. For more parameters to customize Google Docs forms, check here.
Loading

Leave a comment »