Shorten phone field in checkout?

  • Resolved wpallthetime

    (@wpallthetime)


    4 years, 11 months ago

    I’ve set phone field to be required. This displays in checkout under Billing details. There are bullets for Name, e-mail and phone. But Phone is below the bullet because the required field is too long.

    How can I override the length of the phone field on checkout so it’s shorter (it’s way too long anyway, it can be half the width and still enter a really long number)?

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

  • Please post the url to your site.

    Thread Starter wpallthetime

    (@wpallthetime)

    Here’s a screenshot… https://snipboard.io/LNz9gS.jpg

    This also happens with the Storefront theme.

    I would need the url so I can examine the markup and styles with browser tools.

    Thread Starter wpallthetime

    (@wpallthetime)

    I got back to this today. Thanks lorro for the offer and also noting you’d review with markup, etc. I wanted to spend some time learning first, and was able to come up with a solution. Sharing here in case it helps others.

    I added this to WP additional CSS and it removed bullets and aligned left:

    .checkout .col-1
    ul {
    text-align:left;
    padding: 0;
    margin: 0;
    list-style-type: none ;
    }

    .checkout .col-1
    li {
    text-align:left;
    padding: 0;
    margin: 0;
    list-style-type: none ;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Shorten phone field in checkout?’ is closed to new replies.