Event form formatting alignment issues

Hi Jennifer, thanks for providing the test page link.



I took a look at the markup of the page, and it looks like a custom stylesheet on your website is setting the width of all Label elements to 25%, which is causing the issue where the header label is wrapping. Your web folks should be able to either adjust this custom style, or add a new style specific to Online Express to prevent this issue.



As for the time format, I see it as 1:00 PM on my end. Perhaps you could have a browser setting that is causing this? Take a look at the page with a different computer/browser and see what happens.

Laurie Towns:
We are having the same issue with the first name and last name for our first event form. Does anyone have any suggestions?


Thanks


Laurie


www.hamiltonhealth.ca/cruformtest

Hi Laurie, I took a quick look at the markup of your page and it looks like a similar issue as Jennifer. Your website CMS has some custom styles that are impacting the display of the form. Specifically, it looks like a custom stylesheet is setting the display type for all inputs on your website to a block format. Your web folks should be able to clear that up.

Laurie Towns:
We are having the same issue with the first name and last name for our first event form. Does anyone have any suggestions?


Thanks


Laurie


www.hamiltonhealth.ca/cruformtest

Sure. I'm just taking a quick look at the page, don't take this as fact from a web designer



I see this markup coming from your base.css file. That markup may be important for other areas of your website, but if you work with outside folks for your website they should be able to fix this up quickly.



#top &#46;input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { <br /><br/> background: #fff none repeat scroll 0 0; <br /><br/> border: 1px solid #e1e1e1; <br /><br/> border-radius: 0; <br /><br/> color: #777; <br /><br/> display: block; <br /><br/> font: 13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; <br /><br/> margin: 0 0 20px; <br /><br/> outline: medium none; <br /><br/> padding: 8px 6px; <br /><br/> width: 100%; <br /><br/>}