https://legacy.forums.gravityhelp.com/topic/overwriting-css-width-95-important Gravity Support Forums Topic: Overwriting CSS - width: 95% !important; en-US Sun, 19 Apr 2026 23:33:57 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/overwriting-css-width-95-important#post-348383 Thu, 27 Jun 2013 15:28:06 +0000 crondeau 348383@https://legacy.forums.gravityhelp.com/ <p>Thanks guys. Appreciate getting more eyes to look at this. </p> https://legacy.forums.gravityhelp.com/topic/overwriting-css-width-95-important#post-348376 Thu, 27 Jun 2013 15:20:12 +0000 Richard Vav 348376@https://legacy.forums.gravityhelp.com/ <p>Looks OK on the iPad as well, one thing I did spot is the following rule in your theme's stylesheet which is adding a bottom margin to the datepicker so you have a transparent area between the bottom of the calendar and the border <a href="http://i.imgur.com/aOTr1Yh.png?1" rel="nofollow">http://i.imgur.com/aOTr1Yh.png?1</a><br /> <pre><code>table { margin: 0 0 1.5em; width: 100%; }</code></pre> <p>you can override it by adding the following to wherever you place custom CSS<br /> <pre><code>.ui-datepicker table { margin: 0; }</code></pre> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/overwriting-css-width-95-important#post-348351 Thu, 27 Jun 2013 15:03:12 +0000 Rob Harrell 348351@https://legacy.forums.gravityhelp.com/ <p>I just pulled this up on my phone and all looks well to me. </p> https://legacy.forums.gravityhelp.com/topic/overwriting-css-width-95-important#post-348194 Thu, 27 Jun 2013 12:51:48 +0000 crondeau 348194@https://legacy.forums.gravityhelp.com/ <p>Can someone please have a look at this form for me? I think I might be losing it.</p> <p><a href="http://vancouverdentalgroup.ca/wp/contact-us/" rel="nofollow">http://vancouverdentalgroup.ca/wp/contact-us/</a></p> <p>The form looks great, but on mobile devices, I would love to have the first and last also be 100% and I cannot figure out what CSS to use. </p> <p>I have the following right now:<br /> <pre><code>#main .gform_wrapper .ginput_complex .ginput_left { width: 100% !important; float: left; } #main .gform_wrapper .ginput_complex .ginput_right, #main .gform_wrapper .top_label input.medium, #main .gform_wrapper .top_label select.medium { width: 100% !important; float: left; } #main .gform_wrapper .ginput_complex .ginput_left input[type=text], #main .gform_wrapper .ginput_complex .ginput_right input[type=text], #main .gform_wrapper .ginput_complex input[type=text], #main .gform_wrapper .ginput_complex input[type=url], #main .gform_wrapper .ginput_complex input[type=email], #main .gform_wrapper .ginput_complex input[type=tel], #main .gform_wrapper .ginput_complex input[type=number], #main .gform_wrapper .ginput_complex input[type=password], #main .gform_wrapper .ginput_complex select { width: 100% !important; }</code></pre> <p>It's almost there, but there's still a slight difference. Can anyone see something? I think I'm going cross-eyed. </p>