https://legacy.forums.gravityhelp.com/topic/media-and-important-issue Gravity Support Forums Topic: @media and !important issue. en-US Fri, 03 Apr 2026 18:53:37 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/media-and-important-issue#post-160492 Tue, 05 Mar 2013 01:02:24 +0000 Chris Hajer 160492@https://legacy.forums.gravityhelp.com/ <p>Glad you figured it out. </p> https://legacy.forums.gravityhelp.com/topic/media-and-important-issue#post-159005 Sat, 02 Mar 2013 16:20:13 +0000 cmccrone 159005@https://legacy.forums.gravityhelp.com/ <p>I got it. I had to list the responsive CSS after my custom gravity CSS so that the responsive CSS is called second. </p> <p>I'm sure that's not the correct terminology but I figured it out. </p> <p>Thank you! </p> https://legacy.forums.gravityhelp.com/topic/media-and-important-issue#post-158964 Sat, 02 Mar 2013 15:11:09 +0000 Chris Hajer 158964@https://legacy.forums.gravityhelp.com/ <p>Can you share a link to the page on your site where we can see this form? And in what browser are you having trouble? What's not working for you? </p> https://legacy.forums.gravityhelp.com/topic/media-and-important-issue#post-155388 Tue, 26 Feb 2013 21:46:58 +0000 cmccrone 155388@https://legacy.forums.gravityhelp.com/ <p>Im having some issues with responsive + GF. I have done all the hard work (hard for me at least).</p> <p>Seems that the @media will not work when im already using !important in basic css.</p> <pre><code>#input_9_4 { width: 278px !important; }</code></pre> <p>to change to</p> <pre><code>@media screen and (max-width: 479px) { #input_9_4 { width: 278px !important; } }</code></pre> <p>If i remove the first !important it WILL work but them my normal full width CSS doesnt override the stock GF style.</p> <p>Any ideas how I can get around this? Or am I looking at this the wrong way? </p>