Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor damiarita

    (@damiarita)

    Hi,

    It looked good in the full screen version.

    In the mobile version, to make it look like the others, I would add

    .intl-tel-input {
        width: 100%;
    }

    To the CSS

    Thread Starter gstar

    (@gstar)

    Thanks, how about the height in full screen?

    It appears a little smaller than other fields.

    Plugin Contributor damiarita

    (@damiarita)

    Hi,

    This is due to the CSS of your site. You should ask your webmaster for these styling issues. However, I wanted to make sure it was not my plugin doing it wrong and I found the cause.

    In file: https://www.marbella-real-estate.com/?sccss=1&ver=4.7.2 In line 45, you have:

    .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
    	width: 100%;
    	padding: 8px;
    	border: 1px solid #ccc;
    	border-radius: 3px;
    	-webkit-box-sizing: border-box;
    	 -moz-box-sizing: border-box;
    	      box-sizing: border-box
    }

    Since the type of the input is telephone in the telephone input, the padding is not being added.

    Replace by:

    .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea{
    	width: 100%;
    	padding: 8px;
    	border: 1px solid #ccc;
    	border-radius: 3px;
    	-webkit-box-sizing: border-box;
    	 -moz-box-sizing: border-box;
    	      box-sizing: border-box
    }
    Thread Starter gstar

    (@gstar)

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Input field size’ is closed to new replies.