Label position with Dropdown box & multi-line text fields

All Topics → → Label position with Dropdown box & multi-line text fields

When I create either a dropdown field or a multi-line text field with the label position set to “Default” or “Top”, the label overlaps the data field (see attachment which shows dropdown – multi-line text is the same). Suggestions on how to fix this?

Thanks!
KLC

Attachment:
dropdown

This looks like CSS from your theme that is conflicting. Can you provide a link to this form so I can isolate the problematic code?

Steve,

Here's an answer you provided to another of my questions. I'll try this and see if it fixes the problem.

To resolve the text area label placement, you need to delete or comment out the following two lines of CSS:

foundation.css line 664:
label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown {
margin-top: -9px;
}


style.css line 612:
textarea {
margin-top: 10px;
padding-bottom: 10px;
width: 90%;
}

heh, I didn't realize those two topics were both from you...I was still waiting on a link here to dive into the CSS...

Thanks! This did resolve the issue. Really appreciate your help. You can close (both) threads ;)

KLC

This issue has re-appeared with Version 4.5.13.

I'll check to see if the CSS is in the same position...

Yep..the line references are the same. If you have this problem in 4.5.13, the instructions above (which applied to 4.5.12) will resolve it for you.

Formidable: Please put this on the issue tracker for the next version!

Thanks
KLC

This isn't so much an issue that we can resolve with our code. It is a conflict with your theme. We can't add code that specifically overrides one theme's CSS as that could result in problems with other themes. Depending on how your theme works, your changes will get overridden when you update your ifeaturepro theme.

Topic closed.