Как визуализировать контактную форму 7

Question

Как я могу изменить цвет границы для моей контактной формы 7? На данный момент это желтый, но я бы хотел что-то еще.

Как я могу заархивировать это?

текущая контактная форма

Эта часть кода для контактной формы, но я не нашел способа вставить свой цветовой код.

<div class="request_callback">
<div class="row_1">
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="width:33%;">
        <div class="input-group">
            [text* name placeholder akismet:author "Name"]
        </div>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="width:33%;">
        <div class="input-group">
            [tel* phone placeholder "Phone number"]
        </div>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="width:33%;">
        <div class="input-group">
            [text* email placeholder "Email"]
        </div>
    </div>
</div> <!-- END: row_1-->
<div class="row_2">       
  <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="width:100%">
        <div class="input-group" >
            [select* services_consulting first_as_label "Model" "All" "Coral" "Coral Mini" "Mini Water Bar" "Faucet" "Master Filter" "Water bar S6"]
        </div>
  </div>
</div>

Answer 1

Это то, с чем вы можете справиться с помощью css, так как у вас есть отдельный основной класс для вашей формы, это.request_callback, так что вы можете добавить css как что-то на active

.request_callback input.wpcf7-form-control.wpcf7-text:active{

     border: 1px solid red;
}

Можете ли вы вставить свой URL, чтобы я мог отправить более правильный CSS.