Field Width

  • kentinada

    (@kentinada)


    8 years, 1 month ago

    I’m new to Contact Form 7. I’m working on my first form and I have a textarea field which I want to span the width of the page it’s on but it only goes half way across the page. Here is my tag code:
    <label> Question/Comment (required)
    [textarea* your-message maxlength:150 size:80%] </label>
    [count your-message down]

    How do I make it stretch across the entire page? Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter kentinada

    (@kentinada)

    8 years, 1 month ago

    So I have a temporary solution for a large display like a laptop or desktop.
    <label> Question/Comment*
    [textarea* your-message maxlength:150 80×10] </label>
    [count your-message down]

    This looks great on those but it is not responsive, i.e. when viewed on a smartphone, the box overflows to the right. How do I code this such that it expands are contracts appropriately depending on the output device?

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    8 years, 1 month ago

    See Styling Contact Form

    Thread Starter kentinada

    (@kentinada)

    8 years, 1 month ago

    Sorry, that did not help. If I take the 80 columns out and leave the x10 for 10 rows, the default code that gets generated is 40 columns when I inspect the box. There must be a way to make this responsive such that it does 40 columns for smartphones but 80 columns for bigger screen devices. Pointers?

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Field Width’ is closed to new replies.