Support » Plugin: Simple Basic Contact Form » Plugin not accepting media queries

  • mvcs

    (@mvcs)


    The form fields are locked in at a width of 80%. It’s not coming from any setting in my theme. I was able to change this width with custom CSS but the text fields won’t change in mobile view. It ignores media queries. I even tried using one with your suggested CSS:

    @media only screen and (max-width: 320px) {
    #simple-contact-form fieldset textarea {
    width: 90% !important;
    }
    }

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author WPKube

    (@wpkube)

    There’s this in the theme’s CSS ( I think it’s the theme’s CSS, it’s part of a cached CSS file ):

    input[type="text"], input[type="email"], textarea {
        width: 80%!important;
        height: 30%!important;
        margin: 0 auto;
    }

    You can use this to make the input fields 100%

    #simple-contact-form input[type="text"],
    #simple-contact-form input[type="email"],
    #simple-contact-form textarea {
        width: 100% !important;
    }
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.