Label position "Above" depends upon system.theme.css to set display: block [#2179599]

My email field is next to one another even though I've selected Title to be "Above". From the CSS i can see it's not assigning it a "Display:block;" so when I add it in firebug it displays it properly with the title above the box and not next to it.

Comment	File	Size	Author
	Screen Shot 2014-01-23 at 7.34.04 AM.png	23.16 KB	hmartens
	Screen Shot 2014-01-23 at 7.33.29 AM.png	11.04 KB	hmartens

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

quicksketch

he/him

CreditAttribution: quicksketch commented 13 February 2014 at 02:14

Title:

Email field title not appearing above input field but next to it.

» Label position "Above" depends upon system.theme.css to set display: block

Webform's CSS may be overridden by your theme, which is probably what's happening here. Webform does not apply a "block" style to the label, it depends on Drupal's default styling to make it display block by default. I'm guessing that the "system.theme.css" file is being suppressed by your theme, resulting in the label showing up as inline instead of block.

To fix this, I think it'd make sense if Webform enforced labels as block level in its own CSS, so we weren't assuming the output of system.theme.css.