CSS and scrolling conflict

By: Ivan Stachoulenok | Asked: 06/27/2022
ForumsCategory: General questionsCSS and scrolling conflict
Ivan StachoulenokIvan Stachoulenok asked 2 years ago
I have a 7 page form where each page has three columns. In order to achieve the desired form design and see all the information, I used CSS to get scrolling. #frm_field_548_container { height: 600px; overflow-y: scroll; overflow-x: hidden !important; } #frm_field_587_container { height: 600px; overflow-y: scroll; overflow-x: hidden !important; } #frm_field_593_container { height: 600px; overflow-y: scroll; overflow-x: hidden !important; } #frm_field_631_container { height: 600px; overflow-y: scroll; overflow-x: hidden !important; } #frm_field_858_container { height: 600px; overflow-y: scroll; overflow-x: hidden !important; } /* .frm_radio { height: 23px !important; } */  But I need the vertical radio buttons located on the page 3 and 4 in the left column to have a distance of 2px from each other. Because I will be using up to 96 radio buttons. It works for me if I insert CSS: .frm_radio { height: 23px !important; } . But then the scrolling stops working and there is a multiple overlay of pictures in the second column. Can this be fixed somehow?
Michael ClarkMichael Clark replied 2 years ago

If you're working in a staging/testing environment and are comfortable with sharing a link to the work, that'd be a big help in trying to sort out a solution for you. Maybe if you're in production, you could make a page drop the form in there, set it to be not indexable/searchable so it won't show up in search results, even passcode it, if you want. Share the link to that, perhaps, for some more hands-on assistance. 🙂

3 Answers
Victor Font answered 2 years ago
Ivan, this is the same question you've asked multiple times already. I also answered your question here: https://connect.formidableforms.com/question/category/general-questions/conflict-vertical-radio-buttons-and-scrolling/. If you didn't receive a satisfactory answer, it's because the community volunteers that answer questions either don't know the answer or haven't had the time to provide one yet. There's no reason to continue asking the same question multiple times. In my earlier response, I asked you to post a link to the impacted page so volunteers can see the problem and hopefully help you using their browser's inspection tool. You have not posted a link to the site's page yet where you are experiencing this problem. If you want help, please show us the problem on the site.
Ivan StachoulenokIvan Stachoulenok replied 2 years ago

Hi, Thanks for your offer of help. I spent more than a month trying to solve this problem, but I did not solve it. The site is in "Coming soon" mode, has a lot of confidential information, than I can't provide a link. Due to the fact that there is no help from the support team and the company refuses to return the money, I turned off Formidable forms and am now looking for a more modern form builder with good technical support.Thans, Ivan

Victor Font replied 2 years ago

That's too bad. The problem you are researching appears to be purely CSS related and is not because of something not working with Formidable. Formidable is the best WordPress application builder available anywhere. I've used it to construct highly secure enterprise applications for major corporations and government entities. I've never encountered a requirement that couldn't be solved with Formidable. Recent updates released by the Formidable developers are focused on the development and packaging applications for sale through 3rd-party resources like Formidable Masterminds. Good luck on finding a replacement.

Ivan StachoulenokIvan Stachoulenok answered 2 years ago
Thank you, Viсtor. I need to analyze everything.
Ivan StachoulenokIvan Stachoulenok answered 2 years ago
I'm deleted all commercial information from website and now you can go and make analisys who form "A Ordering" have CSS conflict. Host: shanteli.com In top-right push "Login" Dmain name: shanteli.com Password: 7lor*829$9TartLambeR And you in Dashboard Thanks, Ivan  
Victor Font replied 2 years ago

Ivan, all anyone asked for is a link to the page that wasn't working on the front end. We're volunteers here. Nobody gets paid for answering questions on this site. We do it because we want to be helpful. Personally, I do not access the admin area of anyone's site without a paid engagement. Many of the other volunteers feel similarly.

CSS issues like you are reporting need to be diagnosed on the front end using the browser's inspection tool. If you want to engage someone to support you with this issue and access your admin area, I suggest you either submit your request at https://formidable-masterminds/project-application/ or search the Formidable Masterminds Developers Directory for assistance. https://formidable-mastermonds.com/developers-directory/

Ivan StachoulenokIvan Stachoulenok replied 2 years ago

How I can not give you link to the page, if the shanteli.com work in "Coming soon active" mode. Formidable don't have technical support and they don't want help me. I guess I should forget about Formidable forever and use forms from other companies.

Victor Font replied 2 years ago

Formidable's technical support team is one of the best you'll find anywhere. They do not support custom code. How are you displaying "Coming soon"? Are you using a plugin? Deactivate the plugin to let people help you.

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