Contact Phone & Form Presentation

  • Resolved teleguy53

    (@teleguy53)


    7 years, 5 months ago

    We needed to create a simple form so our homeowners could communicate with our POA Board. We chose WPForms Lite for its ease of use.

    2 Easy (for you) questions:

    1. When I add a Contact Phone field on my form, it appears with scroll up/down arrows. Why? Can I get rid of the scroll arrows? How?

    2. When I preview the form in the Admin dashboard, it looks great, and very professional! However, when I view the form via the website, all of the fields are underlined in blue! How do I get rid of the blue lines?

    Thanks so much.

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

  • Hi teleguy53,

    I apologize for any confusion about this, but you’re seeing the arrows because this is a Numbers field. The Phone field, which validates specifically for phone numbers, is available with any of our paid licenses.

    For the underlines, these styles are not part of WPForms and are most likely set in your theme. However, I’d be happy to help! To provide the custom CSS styles that will remove these lines, we just need the URL where the form is embedded.

    Thanks! ??

    Thread Starter teleguy53

    (@teleguy53)

    Thanks for getting back, Jess.

    I resolved the “scroll arrows” issue by using the Single Line Text field.
    The underlines issue either seems to have healed itself; either that or I “accidentally” changed something which fixed the issue.

    I’m VERY new to WordPress, and unfortunately, the owner of the site does not provide me with access to the server side of the house, so it gets frustrating sometimes, especially when software updates become available.

    In any case, loving your WPForms Lite so far.

    Ray

    Hi Ray,

    I’m glad you were able to get that sorted! If you’d still like help with the underlines, please let me know that URL. You can add CSS right into the WordPress admin panels (under Appearance > Customize > Additional CSS), so you wouldn’t need access to site files — you could just copy and paste the code I provide.

    Just let me know ??

    Thread Starter teleguy53

    (@teleguy53)

    Will do, Jess. Thanks for your willingness to help.

    Ray

    • This reply was modified 7 years, 5 months ago by teleguy53.
    Thread Starter teleguy53

    (@teleguy53)

    Jess, another request, please:

    On our contact form, I’m using the Name field, which is formatted as First Last.
    The Name field appeared bolded, but the First and Last fields do not appear bolded; I want the First and Last fields to be bolded.

    Is this done in WPForms or in Appearance > Customize > Additional CSS?

    Thanks in advance,
    Rau

    Hi Ray,

    No problem! Here’s the CSS you’ll need:


    div.wpforms-container-full .wpforms-form .wpforms-field-name .wpforms-field-sublabel {
    font-weight: bold;
    }

    And you’re correct — you can add this under Appearance > Customize > Additional CSS ??

    Hope that helps!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Contact Phone & Form Presentation’ is closed to new replies.