• Resolved jvasquez

    (@jvasquez)


    hi how can I change the width of the field? Using the size function it doesn’t look the same size in different browsers.

Viewing 1 replies (of 1 total)
  • Plugin Author Yordan Soares

    (@yordansoares)

    Hello @jvasquez,

    You can achieve this using the class of the div container of the telephone field (.intl-tel-input) as a CSS selector and apply the properties you desire. In this example, I’m using a CF7 form with an international telephone input in the default Twenty Twenty theme:

    International Telephone Input without styles

    I want to change the size of the international telephone input to full width. To achieve that I use this CSS rule:

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

    And I get this result:

    International Telephone Input without styles

    You can add the CSS rule in Appearance > Customize > Additional CSS or in your child theme CSS stylesheet.

    I hope it’s useful to you.

Viewing 1 replies (of 1 total)
  • The topic ‘Size of the field’ is closed to new replies.