SIGN UP

Buttons created in UX builder look too big in Formidable Forms

By: Manja zADEL | Asked: 01/17/2023
Forums › Category: How-to › Buttons created in UX builder look too big in Formidable Forms
0 Vote Up Vote Down
Manja zADEL asked 2 years ago
Hello, I just recently got Formidable forms and I've got an issue regarding some buttons created in UX Builder (Flatsome theme) which don't seem to be entirely compatible with Formidable forms. The problem is, that I created some UX Blocks in Flatsome theme, which I incorporated in the Formidable Forms. The blocks look absolutely fine in most part (regarding the paddings, margins, pictures,...) the only problem I have are the buttons - with links to products in our online store. The buttons in UX Builder look fine in regards to height, but in Formidable Forms they are stretched in height. I am attaching the two screenshots - one is from UX Builder (normal buttons) and one is from Formidable Forms (stretched buttons). The two purple buttons at the end - BCAA (is one button) and EAA (is the second button). The problem is the same on desktop view and mobile view. There is too much purple space above the title of the button name. Flatsome responded that the issue is not on their side (not a problem with the theme) and that I should solve the problem in Formidable F. Perhaps with additional CSS or some other way? If anyone had similar issues and has any idea how to solve this it would be greatly appreciated.          
Attachments
UX-Builder-buttons.png
Formidable-Forms-buttons-mobile-view.png
3 Answers
0 Vote Up Vote Down
Bobby Clapp answered 2 years ago
What happens if you add the following parameter to the shortcode for your form embed code? minimize="1"
0 Vote Up Vote Down
Manja zADEL answered 2 years ago
Hi, thanks for your answer. I'm kinda new to this and i don't think i'm doing this right^^! i tried adding the text to the UX builder and to HTML form but nothing changes. How should i add the parameter? i tried adding the minimize="1" to the button part here: [button text="eaa" radius="10" depth="2" expand="true" link="link to the site" target="_blank"] also tried adding to the formidable forms html, but no success.    Could you help me out, what am i doing wrong here?  
0 Vote Up Vote Down
Victor Font answered 2 years ago
Please post a link to the page so we can examine the CSS.
Manja zADEL replied 2 years ago

Hi, sure thing: https://panthera-nutrition.com/fit-kalkulator/
the blocks are visible on the second page of the form, usually locked for not logged in users, but i have temporarily unlocked them so everyone can see them. On the first part of the form just fill in whatever, and the blocks will be visible on the second page of the form at the bottom.

Victor Font replied 2 years ago

You have br characters in your HTML generated by your button. THis is the source code for the button:

PRIJAVA/REGISTRACIJA

It's those br characters coming from your system that's messing up the button display. It may have something to do with the WordPress wautop hook. Whatever the source, it's not an issue with Formidable or CSS. It's something your system is doing.

Manja zADEL replied 2 years ago

Hello,

thank you very much for all the help you have offered and for examination of our page...in the end we solved the issue by removing the buttons (which seemed to be causing problems with 'br tag') and inserted linkable pictures instead..

Thanks again, much appreciated! 🙂

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right