Grow your CSS skills. Land your dream job.

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.

*May or may not contain any actual "CSS" or "Tricks".