Support » Plugin: Contact Form 7 » CSS Issue – disappearing text!

  • Resolved nickaster

    (@nickaster)


    Hi folks, I think this must be a simple one but it’s killing me.

    The form at the bottom of this page: https://3bl-holdings.com/#contact

    First, I want the text in the form itself to be left aligned, not centered.

    Second, and more important, once you leave the field the text turns white and is invisible.

    Anyone know what’s going on here? Thanks!!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi Nick,

    Just place the below CSS in your style.css.

    .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text{
    text-align:center !important;
    }

    .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-number, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-date, .cf7_custom_style_1 textarea.wpcf7-form-control.wpcf7-textarea, .cf7_custom_style_1 select.wpcf7-form-control.wpcf7-select, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-quiz, .contact_form.cf7_custom_style_1 input[type=’text’], .contact_form.cf7_custom_style_1 textarea{
    color: #222 !important;
    }

    Note: !important is just for safe side.

    • This reply was modified 3 years, 9 months ago by Mayank Majeji.
    Thread Starter nickaster

    (@nickaster)

    Brilliant! THANK YOU!

    You’re welcome šŸ™‚

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS Issue – disappearing text!’ is closed to new replies.