All Posts by Email, Once a Week

Media Temple logo

CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.

Breaking Up Contact Form Vertically

  • # January 23, 2012 at 2:35 pm

    Interesting. Thanks Kermet.

    div.wpcf7 textarea {
    font-family:Helvetica Neue;
    font-size:14px;
    padding:2px;
    width:366px;
    @media (max-width:200px){ … };
    }

    That’s what I have and it doesn’t seem to be having any effect. Something small I am missing?

    Thanks again!

    # January 23, 2012 at 6:56 pm

    @jeffcampagna Media queries target the resolution of the document. Try increasing the max width to something like 960px.

    # February 12, 2013 at 1:27 pm

    I know this thread is a bit old, but I can’t find an open thread answering the question I have. I’m hoping someone here can help. We have a few two column contact forms (via CF7) on our site. They look good on the desktop, but it causes text areas to be off the screen on mobile devices. Is there anyway to fix this? The link @kermet provided is way out of my league.

    http://www.creeksidebiblechurch.org

    # February 12, 2013 at 1:28 pm

    Oops,

    http://www.creeksidebiblechurch.org/serve

Viewing 4 posts - 16 through 19 (of 19 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed