At SimpleTix we offer several different themes, we can also make a custom theme based on your current site's theme.
We recently made a theme for a client who's original theme's CSS did not outline the borders on the text input fields "textboxes".
This client also had a very special requirement of collecting that answer to one important question of what dinner option they wanted.
Here's how the form originally looked:
The client wanted the dinner option question to really stand out.
So we added a few new CSS rules detailed below. Important: Here's a video on how to upload images and edit the CSS on your site.
Make all the textboxes have a red border
border: 1px solid red !important;
Make the label for textbox the the dinner question standout. (This is wildcard question #1)
padding: 2px 5px;
Make the textbox the the dinner question have a required icon image. (This is wildcard question #1)
We uploaded this image to the site using (themes - manage images - upload)
background: url(https://stplatformstorage.blob.core.windows.net/clients/7bf7d1f5-f19e-4aad-8a6b-3021c4cfb061/uploads/required.gif) 221px 3px no-repeat;
To make the importance of the question really stick out, we even added a extra notice using an advanced CSS technique that can import html content into a page.
content:"YOU MUST SELECT A DINNER OPTION BEFORE CLICKING SAVE";
clear: both; /* if you need to break floating elements */
padding: 2px 77px;
background: url(https://stplatformstorage.blob.core.windows.net/clients/7bf7d1f5-f19e-4aad-8a6b-3021c4cfb061/uploads/stop.png) left center no-repeat;
Here's the final version: