Formidable more CSS issues

Hi Andy,
Unfortunately the spacing between fields didn’t change.

Hi Andy

I am sure I implemented the code and I just saw the changes now with your last code.
However, there are still problems with the two columns: http://d.pr/i/1jot8/1XkyVBdi and they are not properly aligned as the first / last name fields at the top.

Hi Andy,

The sshot I sent earlier is totally wrong. The columns are not aligned, please check the red arrow, where the “price” field should be moved to the top: http://d.pr/i/1hJ7P/16nMgEr8 like the email / mobile are aligned here side by side: http://d.pr/i/1dBT1/5X7D279i

Either way, I was able to fix this using the tags “frm_first_half” and “frm_last_half” instead of the regular “frm_half” for all of them. So, the alignment is now fixed.

The only problem remaining is the spacing between the field and the field description and the error message. They should all be below each other, with a single space. It seems they have double spacing now. Please check my yellow marks here: http://d.pr/i/EWBL/2w0e3Zdg – they should be all moved slightly above to make the desired “single spacing” instead of the “double spacing” as it looks now.

Many thanks.

• This reply was modified 9 years, 2 months ago by sitesme.

Hi Andy,

Yes, I was able to fix the error messages spacing by using the following code:

.frm_error {
margin-top: -10px !important;
}

The only 2 remaining fixes now are as it follows: http://d.pr/i/12EFy/20OHMxwx
1) Decrease the spacing between the fields to about half of the actual size as mentioned by the yellow arrows
2) Decrease the gap between the description when they have multiple lines (also mentioned in the sshot

Many thanks.

Dear Andy,

Thank you for the update. Point 2 has been solved. Point 1 is still the same. Each row should be slightly closer to each other, i.e. decrease the gap between the first row of fields to the second row, and so on. Like the arrows show: http://d.pr/i/1jRpS/2G80mxTU

Any quick CSS code to fix this is highly appreciated.

Regarding the 3rd party plugin problem it is a very difficult call to make because if I install this plugin with other WP themes (with less CSS) it all works fine. The plugin even has a CSS configuration editor and works fine in some other themes. With Enfold, it is a disgrace. There are rules that Enfold overrides and causes all these sort of problems. If I contact the plugin developers they tell me to contact the theme developers, if I contact you here I get a similar reply: it is a very difficult situation to get this sorted in a good way. Perhaps the solution could be Enfold being compatible with the plugin since both are very powerful and well known theme / plugin respectively?

So far I had zero problems with Kriesi’s team. You are all very competent and usually we get a fix for almost all the issues straight away.

Many thanks once again.

Thank you Andy,

It worked with the following code:

.frm_style_formidable-style.with_frm_style .form-field {
margin-bottom: 5px !important;
}

I have also suggested the integration with Formidable. Contact form 7 (or any other contact form I used) has not the power of customisation that Formidable has. Their website for your reference is https://formidablepro.com/

Thank you for all help once again.