How to style input form?

  • chuazm

    (@chuazm)


    11 years, 3 months ago

    Hi peeps,

    I need to increase the number of rows and width for my feedback form.
    But no matter what I do, the width just doesn’t increase.

    div.jzzf_element{
    margin:0 auto;
    width:1000px;
    font-size:16px;
    }

    Even at 1000px, the width remains the same.
    Also can someone help me with the id coding?
    I want to increase the rows and width of just my feedback input form.

    thanks.

    http://wordpress.org/extend/plugins/jazzy-forms/

Viewing 2 replies - 1 through 2 (of 2 total)
  • leeson1776

    (@leeson1776)

    11 years, 2 months ago

    What do you mean feedback input form? What kind of element is it? Link to your site, and I’ll see if I can help.

    leeson1776

    (@leeson1776)

    11 years, 2 months ago

    I think you want to use a TEXT AREA instead of INPUT element, maybe.

    Style your text area with this in the Appearance tab:

    textarea {
    height: 190px;
    width: 88%; (change to whatever you want)
    }

    If you want to style and INPUT element, style it with this:

    .jzzf_form input[type=”text”], .jzzf_form select {
    width: 100%;
    }

    My theme over-rides this styling, so it depends on your theme I guess.
    This is what my theme does, so I would have to change the styling in my theme’s custom CSS files, or just put this in the appearances tab and style it:

    #content-container input[type=”text”] {
    width: 300px;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to style input form?’ is closed to new replies.