Okay
  Public Ticket #1856984
Contact Form 7 Style
Closed

Comments

  •  1
    VSM_Healthcare started the conversation

    Hi,

    Is there anyway I can set my Contact Form 7 Fields to a solid white fill?

    Also is there a way I can increase the text of all the field?

    I have done this before but now the field are in columns it doesnt seem to work. 


    I would ideally also like to increase the space between the labels and fields.

    Page in question is https://www.colgatecommunication.co.uk/sign_up/

    The form is set as

    <div class="row">
      <div class="col span_4">
      <label>I am happy to share my personal experience of using New Colgate Total® [acceptance Personal-Experience optional]</label></p>
      </div>

      <div class="col span_4">
      <label>I am happy to enrol 6 patients on to the Patient Experience Programme [acceptance Patient-Experience optional]</label></p>
      </div>

      <div class="col span_4">
      <label>Please add me to the Colgate® Professional mailing list [acceptance Subscribe optional]</label> </p>
      </div>
    </div>

    <div class="row">
      <div class="col span_6">
      <label>First name [text first-name]</label></p>
      </div>

      <div class="col span_6">
      <label>Surname [text surname]</label></p>
      </div>
    </div>

    <div class="row">
      <div class="col span_8">
      <label>Practice name [text Practice-name]</label></p>
      </div>

      <div class="col span_4">
      <label>Postcode [text Postcode]</label></p>
      </div>
    </div>

    <div class="row">
      <div class="col span_8">
      <label>Email Address [text Email]</label></p>
      </div>

      <div class="col span_4">
      <label><label>GDC number [text gdc]</label>
    </p>
      </div>
    </div>

    [submit "Send"]


    Kind regards

  •  3,030
    Andrew replied

    Hi,

    Thank you for contacting us.

    You can try some custom CSS to make the changes to page. To have a white background, increase text size and also add some padding to fields.

    input[type=text],
    input[type=text]:focus {    
        background-color: #fff !important;    font-size: 20px;
    }
    .wpcf7-form-control-wrap{    
        padding-top: 10px;
    }
    

    Kind Regards.