reset css on form for embedding

reset css on form for embedding

So anyone else tired of messing with the wierd padding and margin added to forms in a perma view? Add this CSS to a "note" field on your form to zero out the form....

<style type="text/css">
html{
margin:0px;
padding:0px;
}
body{
margin:0px;
padding:0px;
}
/*overwrite zoho*/
div#zc-component {
    padding: 0px;
}

div#zc-pane {
    padding: 0px;
}

blockquote {
    padding: 0px;
    margin: 0px;
}

blockquote p {
    padding: 0px;
    margin: 0px;
}

div[elname = "zc-component-your form name"] {
    width: 100%;
    margin: 0px auto;
    padding: 0px;
}
.zc-perma-pane-right {
    background-color: transparent;
    text-align: left;
    padding-left: 0px;
}
</style>