Possible Bug: CSS for label copied to "entry" DIV

In a recent change I made the checkboxes have the same label div because each checkbox has a label next to it. This allows coloring the checkbox labels with the same label div css setting. Sorry if that caused a problem for you. I admit the styling needs a makeover, but I will need help from some styling/html experts because there will have to be a good design strategy that makes it both easy and compatible with all the field options and multiple forms capabilities.

I am working on a fix for this. I am undoing the changes from 3.1.9, then adding a css setting for checkbox/radio label to be used for coloring those labels.

3.1.9.1 will be out soon
Fix bug: Custom Label CSS was ignored for checkbox, checkbox-multiple, and radio fields.
Fix bug: CSS setting ‘labels on left’ messed up checkbox, checkbox-multiple, and radio fields.
Fix bug: CSS setting ‘labels on left’ messed up HTML before/after form field position.

Hi Mike,

thanks for working on this. However, I think it’s still not fixed: It is completely impossible to assign one CSS to the label and another to the input DIV. Check out this page: https://karate2015.eu/en/volunteer-help/ under “Languages”.

Whatever CSS I assign to the DIV containing the string “Languages” (using the “Label CSS” field) is also assigned to the individual DIVs containing the strings “DE”, “EN”, etc.

Whatever CSS I assign using the “Input CSS” field seems to be completely ignored.

Any idea how to solve this ?? ?

Thank you!

I admit the Styles in 3.xx were not very functional.
Friday I coded a makeover of the Style settings tab for version 4.0 Beta 2

You have to install the 4.0 Beta 2 to have those changes. I will no longer update the 3.xx version, it is too much work to maintain two different programs.

Fast Secure Contact Form 4.0 Beta
https://www.fastsecurecontactform.com/beta

I am using the beta on my live site now with no trouble.
I suggest installing the beta, click reset to ‘labels on top’ for the alignment divs
and then click reset “Reset the styles of labels, field inputs, buttons, and text”

It is suggested to only make adjustments to the styles of labels, field inputs, buttons, and text”
For example, on my site, I only had to add width:300px;
to these three settings to make all my input fields look the same width:
Input text fields
Input textarea fields
Input select fields

= 4.0 Beta 2 Change log =

Version 4.0 Beta 2 08/30/2013

Changes since 4.0 Beta 1
————————
Lots of work on the Style tab:
Added more style settings for Style of labels, field inputs, buttons, and text.
Separated style sections into “Alignment DIVs”, and “Style of labels, field inputs, buttons, and text”

“Alignment DIVs” settings are for adjusting the alignments of the form elements.
You can also check “reset the alignment” to return to defaults and make the “labels on top” or “labels on left”.

“Style of labels, field inputs, buttons, and text” are for setting style of the form labels, field inputs, buttons, and text.
This is a great way to change label or field colors. You can add for example: color:red; to change all the labels at once, or any style attributes you want.
You can also check “reset the styles” to return to defaults.

Fix bug: The Label CSS and Field CSS field options did not work on all field types.