diTii.com Digital News Hub

Sign up with your email address to be the first to know about latest news and more.

Customize Google Docs forms with CSS injection

Nov112009

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.

Share This Story, Choose Your Platform!