CSS Injection in Google Docs Forms

Google docs are the great way to get a feedback from your readers and can easily be embedded to your webpage or blogger.It provide full control to the webmaster to customize the layout of there form.But it would be great if we can change the a bit of css here and there .If u does not know how to use google docs to make a feedback form you can read this article.

Flemming Steffensen found an ultimate trick to customize google docs forms using css Injection. Lets See how it is doen.I know it may be difficult for some users but every new thing is difficult ,i recommend you to try once because such thing might not work in future.

Lets assume form url is :

https://spreadsheets.google.com/embeddedform?key=0Ato1MNFt5ld1cExhRTl0c1ZMcF8zcWZJRTNPSGhLQkE

You can add some new CSS rules as a value of the f parameter:

Like this :

https://spreadsheets.google.com/embeddedform?key=0Ato1MNFt5ld1cExhRTl0c1ZMcF8zcWZJRTNPSGhLQkE&f=;}body{font-size:14pt!important}.ss-q-title{color:green}

Open both above url in different tab and see the difference.

You can edit several things in google docs like :

• remove footer
• Change text color
• change font size globally,and section wise
• add padding and spacing

Flemming steffensen  has created a  interactive test page: For editing your googledocs form .So Do check out and do try.

Source: googlesystem.blogspot.com

This is a guest post by Ishan, if you want to write for Shoutmeloud, Check Join Shoutmeloud

Article by ishanbanga

ishan has written 4 articles.

If you like This post, you can follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.

Follow @ShoutMeLoud