PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

@media and !important issue.

Gravity Support Forums » Plugin Support » Gravity Forms

  1. cmccrone
    Member

    Im having some issues with responsive + GF. I have done all the hard work (hard for me at least).

    Seems that the @media will not work when im already using !important in basic css.

    #input_9_4 {
width: 278px !important;
}

    to change to

    @media screen and (max-width: 479px) {
#input_9_4 {
width: 278px !important;
}
}

    If i remove the first !important it WILL work but them my normal full width CSS doesnt override the stock GF style.

    Any ideas how I can get around this? Or am I looking at this the wrong way?

    Posted 11 years ago on Wednesday February 27, 2013 | Permalink

  2. Chris Hajer
    Key Master

    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?

    Posted 11 years ago on Saturday March 2, 2013 | Permalink

  3. cmccrone
    Member

    I got it. I had to list the responsive CSS after my custom gravity CSS so that the responsive CSS is called second.

    I'm sure that's not the correct terminology but I figured it out.

    Thank you!

    Posted 11 years ago on Saturday March 2, 2013 | Permalink

  4. Chris Hajer
    Key Master

    Glad you figured it out.

    Posted 11 years ago on Tuesday March 5, 2013 | Permalink

This topic has been resolved and has been closed to new replies.