No titles and white text in WPForms

  • Resolved dennywuh

    (@dennywuh)


    5 years, 9 months ago

    Hi:

    I can’t get the titles to display in a contact form created with WPForms. Also, the text entered in the form is white and can’t be seen on the white background. I’m posting here because if I switch to any other theme the form is fine.

    I’ve tried the following, to no avail:
    · Clearing browser, WP and site caches.
    · Adding title=”true” description=”true” to the shortcode.
    · Deactivating all plugins.
    · Deleting the form and building a new one from scratch.
    · Exporting a functional form from another installation and importing to this site.

    I’ve seen suggestions that adding code to the Custom CSS section can solve the problem, but I have the free version of Elementor (that doesn’t allow custom CSS) and can’t afford an upgrade.

    This is what the form looks like in the Twentynineteen theme: https://i.imgur.com/rtlDWNu.png
    And this is how it looks in OceanWP: https://i.imgur.com/aWoGLvy.png

    Many thanks in advance,

    D

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

  • Hello,

    Can you share the page link where you have this issue?

    Thread Starter dennywuh

    (@dennywuh)

    Hi Amit:

    Thanks for your prompt reply. The form is currently here: https://helenlindes.com/I82qb4Ip/sandbox3/contact/

    D

    Try to add the below code to the Customize > Custom CSS section to fix it – 

    .wpforms-title, div.wpforms-container-full .wpforms-form .wpforms-field-label, div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
    display: block;
}

    Have you added any code to hide the title and label?

    Thread Starter dennywuh

    (@dennywuh)

    Hi Amit:

    Thanks for your reply, but as I said in my original post:
    “I’ve seen suggestions that adding code to the Custom CSS section can solve the problem, but I have the free version of Elementor (that doesn’t allow custom CSS) and can’t afford an upgrade.”

    In reply to your question, no, I haven’t added any code to hide the title and label. Mainly because, as above, my version of Elementor doesn’t allow custom code.

    Any other ideas I might try?

    D.

    No need to upgrade the elementor version. Just go to Dashboard > Appearance > Customize> Custom CSS section to add the code.

    Thread Starter dennywuh

    (@dennywuh)

    Hi Amit:

    That worked perfectly with the titles that are now visible. Unfortunately, the text typed in the fields is still illegible because it’s white on a white background.

    Any suggestions for that issue?

    D.

    Use the below code to change the input color – 

    body div.wpforms-container-full .wpforms-form input[type=date], body div.wpforms-container-full .wpforms-form input[type=datetime], body div.wpforms-container-full .wpforms-form input[type=datetime-local], body div.wpforms-container-full .wpforms-form input[type=email], body div.wpforms-container-full .wpforms-form input[type=month], body div.wpforms-container-full .wpforms-form input[type=number], body div.wpforms-container-full .wpforms-form input[type=password], body div.wpforms-container-full .wpforms-form input[type=range], body div.wpforms-container-full .wpforms-form input[type=search], body div.wpforms-container-full .wpforms-form input[type=tel], body div.wpforms-container-full .wpforms-form input[type=text], body div.wpforms-container-full .wpforms-form input[type=time], body div.wpforms-container-full .wpforms-form input[type=url], body div.wpforms-container-full .wpforms-form input[type=week], body div.wpforms-container-full .wpforms-form select, body div.wpforms-container-full .wpforms-form textarea {
    color: #000;
}
    Thread Starter dennywuh

    (@dennywuh)

    Hi Amit:

    I’m very grateful for your help with this issue. Much to my dismay, the code you supplied doesn’t solve the problem and the text remains invisible.

    I’ve spent hours messing around with the code, trying different combinations, and I’ve found one that works:
    div.wpforms-container-full .wpforms-form input[type=name], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form textarea {
    background-color: #000;
    }
    body div.wpforms-container-full .wpforms-form input[type=name], body div.wpforms-container-full .wpforms-form input[type=email], body div.wpforms-container-full .wpforms-form input[type=text], body div.wpforms-container-full .wpforms-form select, body div.wpforms-container-full .wpforms-form textarea {
    color: #000;
    }

    This produces black boxes with white text. I don’t understand how, my limited knowledge suggests both background and text should be the same colour, but it works. If no other solution can be found I can live with this unusual combination.

    Thanks again,

    D.

    Try this one. It should work – 

    body div.wpforms-container-full .wpforms-form input[type=date], body div.wpforms-container-full .wpforms-form input[type=datetime], body div.wpforms-container-full .wpforms-form input[type=datetime-local], body div.wpforms-container-full .wpforms-form input[type=email], body div.wpforms-container-full .wpforms-form input[type=month], body div.wpforms-container-full .wpforms-form input[type=number], body div.wpforms-container-full .wpforms-form input[type=password], body div.wpforms-container-full .wpforms-form input[type=range], body div.wpforms-container-full .wpforms-form input[type=search], body div.wpforms-container-full .wpforms-form input[type=tel], body div.wpforms-container-full .wpforms-form input[type=text], body div.wpforms-container-full .wpforms-form input[type=time], body div.wpforms-container-full .wpforms-form input[type=url], body div.wpforms-container-full .wpforms-form input[type=week], body div.wpforms-container-full .wpforms-form select, body div.wpforms-container-full .wpforms-form textarea {
    color: #000 !important;
}
    Thread Starter dennywuh

    (@dennywuh)

    Hi Amit:

    That worked beautifully!! Everything is exactly as it should be now.

    Many many thanks,

    D.

    You’re welcome!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘No titles and white text in WPForms’ is closed to new replies.