Legacy Webforms: Add Custom CSS

About this task

Important: Only use this documentation if you know you still use Legacy webforms. The majority of Bronto application users do not.

You can leverage CSS to customize the "look and feel" of your webforms to maintain consistency on your website. CSS can be some complicated stuff, beyond the purview of a simple help document. However, if you have experience with web design, you can customize the style of your webform by pasting CSS code into the CSS style box. If you are going to write your own CSS for a webform, then you will need to pay attention to the class attribute values displayed in the top right corner of each content block content block class attribute value.


div.content_one {
	font-size: +9pt;
	font-family: arial;
	}
	
div.content_two {
	text-align: center;
	}
	
div.content_three {
	margin: 15px auto;	
	width: 500px;
	text-align: center;
	}
	
div.content_four {
	font-size: 18pt;
	font-weight: bold;
	}
	
div.content_six {
	margin: 10px 10px;
	}
					
Tip: You can use custom CSS to override the default CSS settings for the whole page, or for specific content blocks. In the top right corner of each content block are class attribute values that you can use to style each content block used in a webform.