"Input text fields" width stuck

  • wampeee

    (@wampeee)


    10 years, 3 months ago

    Hey Guys,

    since a few days I am trying to change the style of an new contact form. But there is one problem I can’t fix (or I’m just too noobish ^^).

    I just want to increase the width of the “input text fields” to a differect max-width and not just to a fixed width. The problem here is, that everytime I used the “max-width” command the width is stuck to the same width (164px without padding and border). Maybe you guys can help me out with it. Is this a fallacy on my part or maybe a incompatibility with the used WordPress-Theme?

    Here you can find the contact form: http://test01.techshell.de/kontakt/

    I’m very grateful for any tips. 🙂

    Greetings from Germany

    https://wordpress.org/plugins/si-contact-form/

Viewing 1 replies (of 1 total)
  • mbrsolution

    (@mbrsolution)

    10 years, 3 months ago

    Hi I had a look at your form. You currently have the following settings for the Vorname field.

    Notice how you have width: 99%; and max-width: 250px;. What this means is that the field will never grow larger than 250px and the field size will always be 99% of what ever the width of the over all wrapper is “According to the size of the screen”. If you want to increase the field size and have a fixed width, all you have to do is change the 99% to a pixel value like 175px or so. What this means is that no matter what the screen size is the field length will always be 175px. Then the max-width will have no use any more in the code since you have a fixed value for the field added to the width:. 

    element.style {
    margin: 0;
    max-width: 250px;
    text-align: left;
    width: 99%;
}
Viewing 1 replies (of 1 total)

The topic ‘"Input text fields" width stuck’ is closed to new replies.