Drop-Down Menu and Phone Field Styling Issues
-
Hi all,
I have issues with the styling of 2 fields:
– The Drop Down field width is too short and compacted. Ideally, i will love it to spread out its width as much as the longest option inside it.– The Phone Number Field overshoots a container I embedded it into. I used a plugin (Popup Maker? – Best Rated) and put my CF7 ID into it and its working just fine, but the phone number field overshoots the borders of the popup. On PC, its not noticeable obviously, but on mobile, its very noticeable
Is there a fix for these ?
The page I need help with: [log in to see the link]
-
Hello @dannyogolo:
The width of the drop-down menu within your form is controlled by the stylings provided by Contact Form 7. You have a choice here:
Design the width of the drop-down field in the browser using a tool like Google Developer Tools. Then copy and paste the CSS from the browser tool into your site’s theme stylesheet.
OR
Try a different form plugin, and see if you like the result better. We recommend Ninja Forms. I’m going to sound like a walking advertisement here, but these are the advantages (they are many):
1) It’s free from the www.remarpro.com plugin repository.
2) It’s well documented. https://ninjaforms.com/documentation/
3) It’s extendable. https://ninjaforms.com/extensions/
4) Popup Maker integrates with it. https://docs.wppopupmaker.com/article/96-close-popup-after-ninja-forms-submission
5) It’s got a little steeper learning curve to learn to use. But the Admin interface (redesigned for version 3+) is terrific once you get used to it.
6) We are affiliates. They support our products, and we support theirs.‘Nuff said. ??
- The topic ‘Drop-Down Menu and Phone Field Styling Issues’ is closed to new replies.
