CSS column short-code messing up contact forms « Support Forum | Kriesi.at

Support Forum » Choices

CSS column short-code messing up contact forms

9 posts from 4 voices

Started 4 months ago by sitesme
Latest reply from Kriesi
This topic is closed
This topic is resolved

Tags:

No tags yet.

sitesme
Member

Hi,

I just added one contact form (Formidable Pro) and the CSS is all messed up if I add it inside one short-code column [one_half first]: http://d.pr/i/7R5D/1YB2uRAr

However, at the bottom of this very page, and outside any columns, I just added the exact same form and it is showing perfectly: http://d.pr/i/Ex7Q/3soAq9AQ

What can I do to have the CSS inside the short-code columns not so restrictive and more flexible to let me use the other CSS?
The website URL is: http://d.pr/DBqz/4qtakBIg

Many thanks

Posted 4 months ago #
Ismael
Moderator

Hi,

If you have access to the css styling of the Formidable Pro forms. Copy all of it then place it on custom.css. It will override the theme default styling.

Regards,
Ismael

Posted 4 months ago #
sitesme
Member

Hi Ismael,

It didn't work.
The "columns" shortcode CSS is still messing it up.

I installed a 3rd party "column shortcode" plugin and the forms worked fine however, they are not responsive which kills the idea of keeping that plugin.

How can I easily override the column shortcode CSS?

Many thanks

Posted 4 months ago #
Nick
Moderator

Hi,

Are you really attached to that formidable pro? Have your tried Contact Form 7?

Thanks,

Nicik

Posted 4 months ago #
sitesme
Member

Hi Nick,

Contact Form 7 is not good enough for my needs I'm afraid.
Formidable is my first option - works better for my needs, but Gravity Forms might be my second alternative.

I found similar problems in a Google search and this seems to be the most accurate related to mine: http://d.pr/piOg/4pHdSl2P
However, the fix didn't work: http://d.pr/5jPP/3tzylPe7 - the [raw] [/raw] around the form shortcode doesn't work.

Appreciate if anyone knows how to "prevent shortcodes from getting double filtered" which seems to be the cause of the problem.

Many thanks.

Posted 4 months ago #
sitesme
Member

Formidable support is pointing this issue to the theme support: http://d.pr/FhmV/3ugUK7oK

Any help please?

Posted 4 months ago #
Kriesi
Key Master
Hey! Seems the wordpress autop function and the contact form do not play well together. its not really a css issue but a lot of unnecessary br tags are created.

The easiest way to fix this is by adding this to your custom.css file:
```
.flex_column .frm_form_fields br{display:none;}
```
Posted 4 months ago #
sitesme
Member

The fix worked perfectly.

Thank you Kriesy :)

Posted 4 months ago #
Kriesi
Key Master

Hi!

Great glad we could help ;)

Best regards,
Kriesi

Posted 4 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

Kriesi.at - Wordpress Themes and HTML Templates

CSS column short-code messing up contact forms

Topic Closed

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…