Make the new hosted webforms Transparent!!!
I recently added a webform to my site (on the contact us page). But I didn’t like the white background… With a few javascript tweaks embeded in the webform as an html snippet, the form is transparent and it looks great! Check it out below…
Hosted Web Froms – Make Transparent
To make a hosted Web form transparent, just add an html snippet, and add the following code:
<style>
#mainContent .background, #mainContent .body {
background-color: transparent;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
jQuery(document).ready(
function(){
jQuery('#mainContent td.body, table.bodyContainer').removeAttr('bgcolor');
}
);
</script>
Wow, this is amazing. Awesome hack. I just encountered the need to go transparent. Love how a user has to go to the extent of embedding a jQuery hack to make it work.
Hey, so related question. I want required fields on server-side validation, but no asterisks showing in the labels. Any way to stop those?